如果有基于eslint的错误，如何编译angular / cli项目？

Question

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

Answer 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。