Question

我想使用browserify和uglify生成带有源图的min js。

我正在使用node和npm脚本。

当我运行＆＃34; npm run processjs＆＃34;时，它给了我bundle.js和bundle.js.map。但是当我用chrome打开应用程序时，chrome只显示代码来自＆＃34; bundle.js＆＃34;的文件，而不是来自每个模块的原始文件js。

"buildjs": "node node_modules/browserify/bin/cmd.js src/index.js -o src/bundle.js" ,
"uglifyjs": "node_modules/uglify-js/bin/uglifyjs src/bundle.js -o src/bundle.js --source-map src/bundle.js.map -p relative",
"processjs": "npm run buildjs && npm run uglifyjs",

无论如何，源地图实际上映射到每个模块js，而不是单个bundle.js

Answer 1

所以你想要的是包含--debug标志的browserify部分。来自文档：

--debug -d启用允许您调试文件的源地图分别。而不是映射在uglify步骤中映射你的包

从browserify和uglify生成sourcemap

1 个答案: