说明
玩转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
来修复
我们来试一下:发现真的解决了
代码被修改成了:
到此,问题解决完毕。