其他分享
首页 > 其他分享> > webpack5 eslint的配置采用 airbnb风格

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

没有问题。

标签:src,webpack5,js,airbnb,webpack,eslint,npx
来源: https://www.cnblogs.com/lijun12138/p/16163375.html