Karma和Webpack中的SourceMapping应用程序代码

时间:2015-12-23 20:45:30

标签: webpack source-maps karma-mocha

它是一个Angular 1.x应用程序,我们使用Webpack进行打包,使用Karma进行测试。我们使用" inline-source-map"作为我们的devTool,它在我们服务应用程序时运行良好。在我们的Karma配置中,我们使用" Karma-sourcemap-loader"插件,我们在chrome dev工具中看到我们的原始格式我们的测试代码,但应用程序代码本身是不可读的。

这是我们KarmaConfig的相关部分

basePath: '',
frameworks: ['mocha'],
preprocessors: {
  'test/**/*.js': ['webpack', 'sourcemap'],
  'app/scripts/**/*.js': ['coverage']
},
files: [
  '*/build-plugin/polyfills/*.js'
],
webpack: webpackTestConfig,

这是webpack配置的相关部分。

devtool: 'inline-source-map',
plugins: [
  new webpack.ProvidePlugin({
    _: "underscore",
    jQuery: 'jquery',
    this: {}
  }),
  new BowerWebpackPlugin({
    searchResolveModulesDirectories: false
  }),
  new webpack.optimize.OccurenceOrderPlugin(),
  new webpack.optimize.DedupePlugin(),
  new webpack.optimize.UglifyJsPlugin({
    minimize: true
  })
],

1 个答案:

答案 0 :(得分:0)

问题在于Isparta装载机。我们将业力入口点更改为单个文件而不是glob模式。

https://github.com/deepsweet/isparta-loader/issues/1