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

没有问题。

这篇关于webpack5 eslint的配置采用 airbnb风格的文章就介绍到这儿，希望我们推荐的文章对大家有所帮助，也希望大家多多支持为之网！