如何将代码覆盖率添加到 Typescript + Webpack + Karma w/Istanbul-Instrumenter答案

【问题标题】：How do I add code coverage to Typescript + Webpack + Karma w/ Istanbul-Instrumenter如何将代码覆盖率添加到 Typescript + Webpack + Karma w/Istanbul-Instrumenter
【发布时间】：2017-03-22 14:39:24
【问题描述】：

我创建了一个简单的Webpack + Typescript + Karma 应用程序，但我无法让代码覆盖率正常工作。每个项目如this 和提供的其他信息here 你可以看到我试过......

// In test bundle
const componentsContext = require.context('../src/', true, /\.js$/);
componentsContext.keys().forEach(componentsContext);

// In webpack config
const helpers = require('./helpers.js')
const webpackMerge = require('webpack-merge'); // used to merge webpack configs
const commonConfig = require('./webpack.common.js'); // the settings that are common to prod and dev
const HtmlWebpackPlugin = require('html-webpack-plugin');
module.exports = function () {
  return webpackMerge(commonConfig(), {
    devtool: 'inline-source-map',
    output: {
        path: helpers.root("dist"),
        filename: '[name].bundle.js',
    },
    module: {
      postLoaders: [
        {
          test: /^((?!\.spec\.ts).)*.ts$/,
          exclude: /(node_modules|bower_components)/,
          loader: 'istanbul-instrumenter'
        }
      ]
    }
  })
};

但是当我运行karma start test/karma.conf.js 时，我看到 100% 并且没有列出任何文件。我错过了什么？

【问题讨论】：

标签： typescript karma-jasmine istanbul karma-webpack

【解决方案1】：

似乎固定在这个分支上 https://github.com/jrgleason/webpack-karma-coverage-demo/tree/fixed 。不完全确定是什么解决了它。

【讨论】：