语言►nodejs►库►webpack

webpack中的eslint-loader

本文作者: jsweibo

本文链接: https://jsweibo.github.io/2019/10/12/webpack%E4%B8%AD%E7%9A%84eslint-loader/

摘要

本文主要讲述了：

  1. 作用
  2. 安装
  3. 示例

正文

注意：eslint-loader已被废弃，请使用eslint-webpack-plugin

作用

在webpack中使用eslint

安装

1
2
3
#!/usr/bin/env bash

npm install --save-dev eslint eslint-loader

示例

learn_webpack/webpack.config.js

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
module.exports = {
  mode: 'development',
  module: {
    rules: [
      {
        test: /\.m?js$/,
        exclude: /(node_modules|bower_components)/,
        use: [
          {
            loader: 'babel-loader',
          },
          {
            loader: 'eslint-loader',
          },
        ],
      },
    ],
  },
};

learn_webpack/.eslintrc.yaml

1
2
3
root: true
extends:
  - eslint:recommended

learn_webpack/src/index.js

1
2
3
4
var foo = {
  firstName: 'foo',
  lastName: 'bar',
};

参考资料

本文作者: jsweibo

本文链接: https://jsweibo.github.io/2019/10/12/webpack%E4%B8%AD%E7%9A%84eslint-loader/

本文对你有帮助？请支持我

支付宝
微信