webpack 使用 eslint管理代码规范

1.安装

npm i eslint ellint-loader -D

2. 在webpack.config.js文件中配置

3.在packjson.js文件中的scripts中新增一个配置项

webpack 使用 eslint管理代码规范

4.运行 npm run eslint_test

webpack 使用 eslint管理代码规范

有三个选项: 只检查语法 ; 检查语法及问题; 检查语法及问题, 执行代码风格

在这里我选择第三个, 之后选择第一个使用js风格

webpack 使用 eslint管理代码规范

之后选择vue.js

webpack 使用 eslint管理代码规范

之后选择"Answer questions about your style"

webpack 使用 eslint管理代码规范

之后选择相应的适合自己的配置项即可

webpack 使用 eslint管理代码规范

最后就会自动生成一个跟webpack.config,js同级的.eslintrc.js文件,文件内容如下

webpack 使用 eslint管理代码规范