1.作用:
规范语法,让代码风格一致
2.使用库:
js 语法检查:eslint-loader eslint
下载依赖:cnpm i eslint-loader eslint --save-dev
注意:只检查自己写的js文件,不检查第三方插件
{ test: /\.js$/,
loader: 'eslint-loader',
}
3.排除第三方插件库
注意:只检查自己写的js文件,不检查第三方插件
{ test: /\.js$/,
exclude: /node_modules/,//用于不检查第三方库
loader: 'eslint-loader',
}
4.配置eslint规则
eslint不知道怎么检查所以要写规则,规则就用airbnb的js规则
airhub 代码规范:github.com/airbnb/java…
eslint 使用 airhub 检查: eslint-config-airbnb 和 eslint-config-airbnb-base(前者可以检查 react )
下载:eslint-config-airbnb-base,eslint-plugin-import
在package.json中配置eslintConfig
"eslintConfig": {
"extends": "airbnb-base"
}
5.自动修复eslint的错误
{ test: /\.js$/,
exclude: /node_modules/,//用于不检查第三方库
loader: 'eslint-loader',
options: { fix: true// 自动修复eslint的修复 }
}