webpack5 eslint的配置采用 airbnb风格

下载相关包

npm i eslint eslint-config-airbnb-base eslint-plugin-import -D

并在 package.json中配置添加

 "eslintConfig": {
    "extends": "airbnb-base"
  }

在webpack中配置 eslint

npm i eslint-webpack-plugin -D

引入

const EslintPlugin = require('eslint-webpack-plugin');

plugins: [
    new EslintPlugin({
      fix: true, //自动修复
    }),
  ],

测试src/index.js

npx eslint ./src

可能报错

 

 此时可以通过

npx eslint --init

生成.eslintrc.js文件

加入

 "rules": {
        "no-console": 0, //console警告
        "linebreak-style": ["off", "windows"] //换行符windows和linx
    }

再测试src/index.js

npx eslint ./src

没有问题。