如何让WebPack为我的所有捆绑文件生成源地图?

我绝对不是WebPack的新手,我正在为Chrome创建源地图。

我有一个Node / React应用程序,正在尝试为React部分生成源映射。通过进行一些堆栈溢出搜索,我可以使用以下脚本

生成源映射

"build:dev": "cross-env NODE_ENV=development webpack --debug --devtool source-map --output-pathinfo --config internals/webpack/webpack.dev.babel.js --color --progress",

WebPack脚本太长了,无法在此处发布,它也可能是我所工作的公司所专有的,但总的来说,就是我不是 投入>

devtool:“ inline-source-map”,

作为此源-https://erikaybar.name/webpack-source-maps-in-chrome –建议您不要将其放在命令行中。

已生成源地图(请参见图片)

如何让WebPack为我的所有捆绑文件生成源地图?

,但仅适用于带数字的.js文件,而不适用于Chrome似乎正在使用的文件(请参见第二张图片),这些文件具有长的“哈希”名称。

如何让WebPack为我的所有捆绑文件生成源地图?

Chrome不会在边栏中显示任何源地图。

任何帮助将不胜感激-我花了一些时间试图使它起作用并感到困惑。

WebPack脚本中可能相关的一行是

 // Don't use hashes in dev mode for better performance
  output: {
    filename: '[name].js',chunkFilename: '[name].chunk.js',},

我需要以某种方式进行更改吗?为源地图添加另一个键吗?

yegenting1 回答:如何让WebPack为我的所有捆绑文件生成源地图?

暂时没有好的解决方案,如果你有好的解决方案,请发邮件至:iooj@foxmail.com
本文链接:https://www.f2er.com/3107759.html

大家都在问