如果存在基于 eslint 的错误，如何不编译 angular/cli 项目？答案

【问题标题】：How does not compile angular/cli project if there are errors based on eslint?如果存在基于 eslint 的错误，如何不编译 angular/cli 项目？
【发布时间】：2017-12-22 04:28:53
【问题描述】：

如何更改 angular/cli 项目中的 webpack.config.js 文件，以使 `ng serve 命令不会忽略 tslint 规则。

【问题讨论】：

标签： typescript webpack angular-cli tslint

【解决方案1】：

要使用 ESLint，请在 package.json 中包含这些依赖项：

"devDependencies": {
        "babel-eslint": "^7.2.3",
        "eslint": "^4.1.1",
        "eslint-loader": "^1.8.0"
    }

要在执行其他模块之前执行 ESlint，请在 webpack.config.js 中包含以下内容：

module: {
   rules: [
           {
            enforce: "pre",
            test: /\.js$/,
            exclude: /node_modules/,
            loader: "eslint-loader"
           },
   ...
   ]
}

这里的重要方面是enforce: "pre"。

要配置 ESLint，请创建一个名为 .eslintrc.js 的文件并指定您的规则集。

有关更多信息和工作设置（webpack、ESLint...），请查看我的Webpack starter project。也是available at Github。

【讨论】：

我询问了 tslint 规则。
您在线程标题中写了 eslint。如果你提供代码也更好。