webpack配置篇（三十二）：使用ESLint规范构建脚本

Posted 2021-07-10 凯小默

说明

玩转webpack学习笔记

安装依赖

使用 eslint-config-airbnb-base 构建

npm i eslint eslint-config-airbnb-base babel-eslint -D

编写配置：

module.exports = {
	"parser": "babel-eslint",
	"extends": "airbnb-base",
	"env": {
		"browser": true,
		"node": true
	}
};

运行 eslint 进行检查

执行 eslint 命令检查 lib 包的代码规范：

./node_modules/.bin/eslint lib/

发现报错：

我们先进入目录 builder-webpack 文件夹，然后在执行命令：

处理报错

运行检测命令时，我们会发现有一些报错：

比如：空格问题，可以使用 eslint --fix 可以自动处理空格，我们在下面自己添加 eslint 执行脚本即可：

npm run eslint

比如：依赖问题

需要把 "webpack-merge": "^4.2.2" 放到下面的 dependencies 里面去

调整完，然后在重新安装一下依赖，在运行一下检测命令：发现已经没有报错提示

接下来我们看看 Missing trailing comma 报错，说 webpack.base.js 文件里对应的行数缺少尾随逗号

在对应的问题行添加逗号：

运行检测命令：发现只有一个报错了

最后看一下最后一个报错：找到对应行，通过下的提示，这个问题可以通过 --fix 来修复

我们来试一下：发现真的解决了

代码被修改成了：

到此，问题解决完毕。