配置eslint检查js语法
eslint是一个开源的js代码检查工具,在实际生产中帮助团队的编码风格达到一致。eslint其实与webpack没有任何关系,两者并不互相依赖。语法检查使用eslint-loader,并基于eslint包。检查规范一般使用‘airbnb’的js规则库来检查代码,需要下载eslint-config-airbnb-base和eslint-plugin-import两个包1、安装
npm i eslint-loader eslint eslint-config-airbnb-base eslint-plugin-import -D
2、配置a、配置package.json文件,增加如下代码
"eslintConfig":{
"extends": "airbnb-base"
}
b、配置webpack.config.js文件
module: {
rules: [
{
test: /\.js$/,
exclude: /node-modules/,/*排除依赖包中的js*/
loader: 'eslint-loader',
options: {
fix: true /*开启自动修复*/
}
}
]
}
转载自:https://segmentfault.com/a/1190000039396431