[JavaScript知识库]vue react 配置eslint 开发的时候检查代码

第一步：安装依赖
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/