来自多个包的 Sourcemap

Question

我有一个主应用程序 foo，其中 webpack2 捆绑了一些 node_modules。其中一个模块是 bar，它也与带有源映射的 webpack2 捆绑在一起。

我曾经将 bar 包作为单独的脚本注入到 foo index.html 中，源映射在 devtools 中运行良好。

现在 foo 正在将 bar 和其他 node_modules 捆绑到一个 vendor 包中，然后注入 index.html。在 devtools 中，我只能看到整个 vendor 包和所有库的源映射。

有没有办法以某种方式附加我的 bar 包源映射，以便我可以单独处理该包并在 devtools 中查看文件夹结构？

使用当前设置，我只能在 devtools 中看到 bar.bundle.js，但我希望像最初那样看到更精细的内容。

Answer 1

这个加载程序似乎可以解决问题！[​​=11=]

rules: [{
  test: /\.js$/,
  use: ['source-map-loader'],
  enforce: 'pre',
},