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找出合適的解決方案。