你是否在vue配置文件中,配置了sourceMap為true,打包卻不生效?
先不要慌~
打開你的package.json查看你的webpack的版本
一.webpack版本為3.X
1.先安裝uglifyjs 壓縮js代碼
cnpm install uglifyjs-webpack-plugin -D
//引用
const UglifyJsPlugin = require('uglifyjs-webpack-plugin')
……
二、webpack版本為4.X以上
webpack4版本后,UglifyJsPlugin不在壓縮,已被替換,
只需要設置devtool即可 官方也有介紹 https://v4.webpack.docschina.org/configuration/devtool/
如果想生產環境要和開發環境打印數據一致使用source-map
devtool:source-map
eval: 生成代碼 每個模塊都被eval執行,並且存在@sourceURL
cheap-eval-source-map: 轉換代碼(行內) 每個模塊被eval執行,並且sourcemap作為eval的一個dataurl
cheap-module-eval-source-map: 原始代碼(只有行內) 同樣道理,但是更高的質量和更低的性能
eval-source-map: 原始代碼 同樣道理,但是最高的質量和最低的性能
cheap-source-map: 轉換代碼(行內) 生成的sourcemap沒有列映射,從loaders生成的sourcemap沒有被使用
cheap-module-source-map: 原始代碼(只有行內) 與上面一樣除了每行特點的從loader中進行映射
source-map: 原始代碼 最好的sourcemap質量有完整的結果,但是會很慢