Angular 4项目执行npm build时如何禁用lint警告输出？

我之前也碰到过类似的情况，非CLI搭建的Angular项目用Webpack跑起来时，满屏的Lint警告确实挺干扰注意力的。要实现只显示错误、屏蔽所有警告，可以从两个方向入手调整：

1. 调整Lint工具的规则配置（以TSLint为例） #

Angular 4项目一般默认用TSLint做代码检查，你可以修改项目根目录的tslint.json文件：

• 针对你提到的具体警告（比如引号格式、未使用变量这类），找到对应的规则（比如quotemark、no-unused-vars），把它们的严重性从"warning"改成"error"，这样不符合规则的内容会直接触发错误而非警告；
• 要是想一次性屏蔽所有警告，直接在tslint.json里添加"defaultSeverity": "error"，所有未指定严重性的规则都会默认以错误级别输出，自然就看不到警告信息了。

2. 修改Webpack配置，让Dev Server只输出错误 #

不管Lint规则怎么调，你也可以直接让Webpack Dev Server过滤掉警告：
在webpack.config.js的devServer配置项里添加stats参数：

devServer: {
  // 你的其他devServer配置
  stats: 'errors-only'
}

这个配置会让控制台只显示编译错误和Lint错误，所有警告都会被直接隐藏。

另外，如果你的Webpack配置里用到了tslint-loader，还可以给loader加上quiet选项，强制它只报告错误：

module: {
  rules: [
    {
      test: /\.ts$/,
      loader: 'tslint-loader',
      enforce: 'pre',
      options: {
        quiet: true // 开启后只显示错误，屏蔽所有警告
      }
    }
  ]
}

选其中一种方法或者结合起来用，就能轻松实现你要的效果啦。

内容的提问来源于stack exchange，提问作者programoholic