使用具有类似文件结构的两个bundle定义调试站点的webpack内部路径

Question

我有一个使用多个独立webpack捆绑包的网站，它们都具有大致相同的文件结构。当我尝试在chrome devtools中调试某些东西时，看起来模块在调试级别上彼此干扰，因为两者都使用webpack:///./src/index.ts之类的路径，因此我只能查看index.ts文件最后一个模块已加载。

有没有办法添加前缀或以其他方式规范webpack使用的内部路径？所以它变成类似webpack:///[mymodulename]/src/index.ts

的东西

Answer 1

我找到了解决方案，以下内容确保源映射使用相对文件路径，这样我就可以向它添加内容，所以现在我可以再次单独调试每个包

"data": [
    {
      "key": [
        {
          "id": "id_1",
          "time": "1",
          "code": "xx",
          "val": "ty",
          "op": "false"
        }
      ]
    }
  ]