js语法检查

语法检查： eslint-loader eslint
注意：只检查自己写的源代码，第三方的库是不用检查的
设置检查规则：
package.json中eslintConfig中设置~
“eslintConfig”: {
“extends”: “airbnb-base”
}
airbnb —> eslint-config-airbnb-base eslint-plugin-import eslint

• 项目目录

• 配置eslinit

  npm install --save-dev eslint-loader eslint eslint-config-airbnb-base eslint-plugin-import

• 配置文件 ```javascript const { resolve } = require(‘path’); const HtmlWebpackPlugin = require(‘html-webpack-plugin’);

module.exports = { entry: ‘./src/js/index.js’, output: { filename: ‘js/built.js’, path: resolve(__dirname, ‘build’) }, module: { rules: [ { test: /.js$/, exclude: /node_modules/, loader: ‘eslint-loader’, options: { // 自动修复eslint的错误 fix: true } } ] }, plugins: [ new HtmlWebpackPlugin({ template: ‘./src/index.html’ }) ], mode: ‘development’ };

- 修改package.json
```json
{
    "eslintConfig": {
    "extends": "airbnb-base",
    "env": {
        "browser": true
    }
  }
}

• 运行指令：webpack