sourcemap總結

sourcemap在線上壓縮文件調試中很重要，在此總結如下：

1. 開啟sourcemap

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

2. sourcemap文件加載特點

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

3. sourcemap webpack打包設置

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