Angular 5、Ionic 3环境下如何让TSLint警告导致构建失败？

刚好折腾过类似的需求，给你一套亲测有效的配置方案，核心思路是把TSLint的警告级别升级为错误，同时让构建命令严格执行检查并在出错时终止流程：

1. 修改TSLint核心配置文件 #

项目根目录下的tslint.json是TSLint的规则配置中心，我们需要把默认的规则严重级别改成error，这样所有原本只会触发警告的规则，现在都会变成错误，直接中断构建。

打开tslint.json，修改defaultSeverity字段：

{
  "defaultSeverity": "error",
  "extends": [
    "tslint:recommended",
    "ionic-angular"
  ],
  "rules": {
    // 如果你有个别规则不想升级为错误（比如某些非强制规范），可以单独设置severity为warning
    // 示例：允许未使用变量的警告，但不中断构建
    // "no-unused-variable": {
    //   "severity": "warning"
    // },
    // 其他自定义规则根据你的需求调整
  }
}

2. 调整Ionic构建命令参数 #

默认的Ionic构建命令可能不会把TSLint错误当成构建失败的触发条件，所以需要修改package.json里的构建脚本，添加强制检查的参数：

找到package.json中的scripts区块，修改build命令：

"scripts": {
  "build": "ionic-app-scripts build --tslint --fail-on-error"
}

• --tslint：确保构建过程中自动执行TSLint检查
• --fail-on-error：告诉构建脚本一旦遇到TSLint错误（也就是之前的警告），立刻终止构建流程

3. 验证配置是否生效 #

运行构建命令测试：

npm run build
# 或者直接用ionic命令
ionic build

如果项目里存在TSLint警告，现在会直接抛出错误信息，并且构建进程会停止，完全符合你的需求。

额外注意事项 #

• 如果项目之前积累了大量TSLint警告，建议先逐步修复一部分核心问题，再开启这个严格模式，避免完全无法构建；
• 确保你的项目依赖版本匹配：Angular 5对应TSLint 5.x版本，Ionic 3对应ionic-app-scripts 3.x版本，版本不兼容可能导致配置不生效；
• 可以通过tslint.json的rules字段，针对单个规则灵活调整严重级别，平衡代码规范和构建效率。

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