sourcemap在線上壓縮文件調(diào)試中很重要，在此總結(jié)如下：

1. 開啟sourcemap

(1). 瀏覽器要開啟source-map支持
(2). 壓縮文件底部要有source-map的URL，壓縮要開啟source-map
(3). .map文件要放在服務(wù)器，source-map URL指向的位置

2. sourcemap文件加載特點(diǎn)

(1). map文件只是在chrome開發(fā)者工具開啟時候，才會去加載
(2). map文件的加載在Network面板中看不到
(3). source-map只會加載.map文件，不會加載壓縮前的js或less/sass文件

3. sourcemap webpack打包設(shè)置

webpack3.x

devtool: 'source-map', plugins:[new webpack.optimize.UglifyJsPlugin({compress: {warnings: false},sourceMap: true}) ]

webpack4.x

devtool: 'source-map', optimization: {minimize: true }

webpack3和4中，devtool只有source-map才能完全映射文件，cheap-source-map，cheap-module-source-map
這兩種模式都不能完整的映射文件

?

?

參考：https://segmentfault.com/a/1190000007544398

轉(zhuǎn)載于:https://www.cnblogs.com/mengff/p/9693157.html

總結(jié)

以上是生活随笔為你收集整理的sourcemap总结的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯，歡迎將生活随笔推薦給好友。