# webpack 与 ESLint 结合

使用 eslint-loadereslint-config-airbnb

  • eslint-config-airbnb 是 airbnb团队使用的代码规则
npm i eslint-loader babel-eslint eslint-config-airbnb -D
// webpack.config.js
module.exports = {
    module: {
        rules: [
            {
                test: /\.js$/,
                use: [
                    'babel-loader',
                    'eslint-loader'
                ]
            }
        ]
    }
}
// .eslintrc.js
module.exports = {
    parser: 'babel-eslint',
    extends: 'airbnb', // 依赖airbnb规则
    env: {
      	browser: true,
        node: true
    },
    rules: {
        semi: 'error'
    }
}
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
更新于: 2/10/2020, 11:14:21 AM