typescript - Webpack folosește harta sursei existente de la pasul anterior de construire

Am fișiere .ts compilate în fișiere .js și .js.map de editorul meu și împachetez fișierele .js folosind webpack. (Nu vreau ca webpack să fie responsabil pentru compilarea fișierelor .ts deoarece atunci erorile nu vor apărea corect în editor.)

Dacă furnizez fișierele .js compilate către webpack, acesta nu preia fișierele .js.map existente (prin //# sourceMappingURL=... în fiecare fișier), astfel încât bundle.js.map rezultat indică către fișierele .js, dar nu și către fișierele originale .ts.

Cum pot face ca webpack să păstreze fișierele .js.map existente astfel încât bundle.js.map rezultat să indice direct spre fișierele originale .ts?

Răspuns #1

Se pare că un supliment suplimentar webpack numit "preLoader" denumit source-map-loader rezolvă problema:

npm install source-map-loader --save

Apoi în webpack.config.js:

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

Actualizare pentru Webpack 2+

module.exports = {
  devtool: 'source-map',
  module: {
    rules: [
      {
        test: /\.js$/,
        use: ["source-map-loader"],
        enforce: "pre"
      }
    ]
  }
};