webpack中利用eslint对js进行代码格式检校

最新推荐文章于 2022-08-18 22:31:07 发布

Coralpapy

最新推荐文章于 2022-08-18 22:31:07 发布

阅读量590

点赞数

本文链接：https://blog.csdn.net/Coralpapy/article/details/119388792

版权

本文介绍了如何在Webpack中集成Eslint进行JavaScript代码格式检查。通过下载相关插件，配置webpack.config.js和package.json，实现代码打包时的格式验证。当遇到无法自动修复的错误或合理但被误报的代码时，可以使用eslint注释`eslint-disable-next-line`跳过特定行的检查。

摘要由CSDN通过智能技术生成

1.下载多个相关插件

npm i -D eslint eslint-config-airbnb-base eslint-webpack-plugin eslint-plugin-import

2.webpack.config.js中进行引用，并实例化

const ESLintPlugin = require('eslint-webpack-plugin')

 new ESLintPlugin()

3.配置package.json

"eslintConfig": {
    "extends": "airbnb-base"
  }
//添加扩展库

4.运行webpack进行打包，配置已生效会出现很多js格式错误

ERROR in
D:\Webpack\03-webpackcss\src\index.js
   1:24  error  Expected linebreaks to be 'LF' but found 'CRLF'      linebreak-style
   1:24  error  Missing semicolon                                    semi
   2:1   error  Expected linebreaks to be 'LF' but found 'CRLF'      linebreak-style
   3:28  error  Expected linebreaks to be 'LF' but found 'CRLF'      linebreak-style
   4:23  error  Expected linebreaks to be 'LF' but found 'CRLF