Angular（Jasmine+Karma+Istanbul）指定代码覆盖文件夹及排障

我来帮你理清这个问题的根源，以及如何精准控制代码覆盖率的范围：

为什么assets会被意外纳入覆盖率？ #

当你只引入core目录的测试文件时，Webpack（Angular CLI底层用它打包测试代码）的处理范围只限于core相关的源码和依赖；但当你加入modules目录的测试后，modules里的组件/服务很可能引用了assets目录下的静态资源（比如图片、配置文件）。

Istanbul的默认逻辑是跟踪所有被Webpack打包流程处理的文件——哪怕是非TypeScript的静态资源，这些文件就被意外统计进了覆盖率报告里。

精准配置覆盖率范围的解决步骤 #

1. 给Istanbul添加明确的包含/排除规则 #

修改你karma.config.js里的coverageIstanbulReporter配置，通过include指定只覆盖core目录的源码，用exclude排除所有不需要统计的文件：

coverageIstanbulReporter: {
  reports: [ 'html', 'lcov', 'cobertura' ],
  fixWebpackSourcePaths: true,
  // 仅包含core目录下的TypeScript源码
  include: [
    'src/app/core/**/*.ts'
  ],
  // 排除所有不需要覆盖的文件
  exclude: [
    'src/app/modules/**/*',
    'src/assets/**/*',
    'src/**/*.spec.ts', // 排除测试文件本身
    'src/**/*.mock.ts', // 排除mock文件
    'src/environments/**/*' // 如果有环境配置文件也可以排除
  ]
},

注意：路径要和你的项目实际目录结构匹配，如果core不在src/app/core下，要对应调整路径。

2. 统一覆盖率配置（可选但推荐） #

你的配置里同时存在coverageReporter和coverageIstanbulReporter，建议保留coverageIstanbulReporter（因为你使用的是karma-coverage-istanbul-reporter插件），移除或合并coverageReporter的配置，避免两个配置冲突导致预期外的结果。

3. 配合Angular CLI配置强化规则（可选） #

你还可以在项目根目录的angular.json里的test配置中添加codeCoverageExclude，和Karma的配置形成双重保障：

"projects": {
  "your-project-name": {
    "architect": {
      "test": {
        "options": {
          "codeCoverageExclude": [
            "src/app/modules/**/*",
            "src/assets/**/*",
            "src/**/*.spec.ts"
          ]
        }
      }
    }
  }
}

4. 保持测试文件引入逻辑（无需修改） #

你当前的测试文件引入方式是没问题的，不管是分开还是合并成一个require.context，都不会影响覆盖率的范围控制——因为我们已经通过Istanbul的规则锁定了覆盖目标。

验证效果 #

配置完成后，重新运行测试命令：

ng test --code-coverage

打开生成的覆盖率报告，你会发现只有core目录的文件被统计，assets和modules目录都被排除在外了。

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