Webpack使用先前构建步骤中的现有源映射

Question

我.ts编译的文件.js和.js.map文件通过我的编辑和我捆绑.js使用的WebPack文件.(我不希望webpack负责编译,.ts因为错误将无法在编辑器中正确显示.)

如果我将已编译的.js文件提供给webpack,则它不会获取现有.js.map文件(通过//# sourceMappingURL=...每个文件),因此结果bundle.js.map指向.js文件,而不是原始.ts文件.

如何让webpack保留现有.js.map文件,以便结果bundle.js.map点回到原始.ts文件？

Answer 1

事实证明,一个名为source-map-loader的额外webpack"preLoader" 可以解决这个问题:

$ npm install source-map-loader --save

然后在webpack.config.js:

module.exports = {
  devtool: 'source-map',
  module:  {
    preLoaders: [
      {
        test:   /\.js$/,
        loader: 'source-map-loader'
      }
    ]
  }
};