ESlint

169 阅读1分钟

1. 什么是eslint?

ESlint 是一个插件化的 javascript 代码检测工具,它可以用于检查常见的 JavaScript 代码错误,也可以进行“代码规范”检查,在企业开发中项目负责人会制定一套 ESlint 规则,然后应用到所编写的项目上,从而实现辅助编码规范的执行,有效控制项目代码的质量。

在编译打包时如果语法有错或有不符合规范的语法就会报错,并且会提示相关错误信息

2. 如何使用eslint

2.1 对于环境和loader

npm i eslint -D npm i eslint-loader -D

因为eslint检查的是打包前的代码,所以需要添加enforce:"pre"使当前loader在其他loader之前执行(规则执行是由下至上的)。

module.exports = {
  // ...
  module: {
    rules: [
      {
        enforce: "pre",
        test: /\.js$/,
        exclude: /node_modules/,
        loader: 'eslint-loader',
        options: {
          // eslint options (if necessary)
        },
      },
    ],
  },
  // ...
};