我绝对不是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 –建议您不要将其放在命令行中。
已生成源地图(请参见图片)
,但仅适用于带数字的.js文件,而不适用于Chrome似乎正在使用的文件(请参见第二张图片),这些文件具有长的“哈希”名称。
Chrome不会在边栏中显示任何源地图。
任何帮助将不胜感激-我花了一些时间试图使它起作用并感到困惑。
WebPack脚本中可能相关的一行是
// Don't use hashes in dev mode for better performance
output: {
filename: '[name].js',chunkFilename: '[name].chunk.js',},
我需要以某种方式进行更改吗?为源地图添加另一个键吗?