第一步:安装依赖
npm install eslint eslint-webpack-plugin --save-dev
第二步:在webpack.config.js文件里面引入
const ESLintPlugin = require(‘eslint-webpack-plugin’);
第三步:在plugins配置
plugins: [
// plugins 的配置
// 检测那些文件
new ESLintPlugin({ context: path.resolve(__dirname, ‘src’) })
],
第四步:项目根目录新建文件 .eslintrc.js 文件
配置如下:
module.exports = {
extends: [‘eslint:recommended’],
env: {
node: true,// 启用node中的全局变量
browser: true// 启用浏览器中的全局变量
},
parserOptions: {
ecmaVersion: 6,// es6
sourceType: ‘module’ // es module
},
rules: {
// 规则全部在这里配置
‘no-var’: 2 // 不能使用var定义变量
}
}
第五步:根目录新建文件 .eslintignor 告诉编辑器那些文件不做检查
配置如下:dist
第六步:编辑器可以安装ESLint插件,写代码的时候就立即检查
webpack 官网地址 https://webpack.docschina.org/plugins/eslint-webpack-plugin/