1 概述

eslint-loader可以在代码打包或者运行时，检查代码是否有语法错误。提高运行时代码的健壮性。

2 安装eslint-loader

npm install eslint-loader -D

3 新增webpack配置

module.exports = {
  module: {//模块
    rules: [//规则，多个loader
      {
        test: /\.js$/,
        use: {
          //用 eslint-loader 检查代码语法问题
          loader: "eslint-loader",
          options: {
            enforce: "pre",//前置该loader，不受loader加载顺序限制,似乎不生效？
            exclude: "./node_nodules/",//排除node_nodules检查
          }
        }
      },
    ]
  }
}

注意，eslint-loader需放在所有.js文件loader的最后面，按照loader顺序，会最先加载

尝试使用enforce: "pre"设置最优先加载，但似乎无效。。。

最后，打包看看有没有错：

npm run build