Karma覆盖报告与webpack相结合

Question

我的业绩随着覆盖工具一起工作 - 但由于我也在使用webpack，覆盖面报告使用了webpack创建的捆绑代码。

例如： 我有一个包含外部库的Typescript文件，所以为了让该文件运行它需要webpack。然后Webpack将该文件包含到编译后的JS中。 这意味着当我得到覆盖率报告时，它的％很低，因为我没有测试现在已包含的外部文件。

preprocessors: { 
      './src/**/*.ts': ['webpack', 'coverage'] 
     }, 

如果我或者删除的WebPack部分或放置在阵列周围的其他方法（[“覆盖”，“的WebPack”]）它失败。

所以，我不知道如果没有webpack，编译后的TS - > JS文件将无法通过测试。它有点像我想分两步完成报告。

1. 针对捆绑代码运行测试并回报。
2. 检查已运行的测试并与非捆绑文件进行比较以获取准确的覆盖率报告。

如果它对任何答案都有所影响，我也使用Jasmine作为框架。

Answer 1

花了一段时间 - 但我找到了一个很好的例子，与我想要的和我想要的一起工作。 https://github.com/AngularClass/angular2-webpack-starter 这是否Typescript，Karma，Coverage & Webpack。

另外 - https://angularclass.github.io/angular2-webpack-starter/

Answer 2

您可以尝试使用https://github.com/deepsweet/istanbul-instrumenter-loader来解决您的问题，一个webpack加载程序可以从非捆绑的源js文件生成覆盖率报告。

但是该插件不支持es6，您可以参考问题＃33找出合适的解决方案。