当前位置: 代码迷 >> 综合 >> webpack 引入 eslint
  详细解决方案

webpack 引入 eslint

热度:99   发布时间:2024-02-21 10:30:15.0

ESLint是一个用来识别 ECMAScript 并且按照规则给出报告的代码检测工具,使用它可以避免低级错误和统一代码的风格。ESLint被设计为完全可配置的,主要有两种方式来配置ESLint:
(1)在注释中配置:使用JavaScript注释直接把配置嵌入到JS文件中。
(2)配置文件:使用下面任一的文件来为全部的目录和它的子目录指定配置信息。

    可以被配置的信息主要分为3类:
    1>Environments:你的 javascript 脚步将要运行在什么环境(如:nodejs,browser,commonjs等)中。
    2>Globals:执行代码时脚步需要访问的额外全局变量。
    3>Rules:开启某些规则,也可以设置规则的等级。


1:安装webpack支持eslint三件套

npm add eslint eslint-loader eslint-friendly-formatter -D

 

2:修改webpack.dev.conf.js文件,添加如下rule

{
    test: /\.js$/,
    use:[{loader:'eslint-loader',
        options: { // 这里的配置项参数将会被传递到 eslint 的 CLIEngine 
            formatter: require('eslint-friendly-formatter') // 指定错误报告的格式规范
        }
 

  相关解决方案