大家應(yīng)該都非常清楚webpack混淆打包之后，代碼是非常難讀的，但是泵喘，有時候發(fā)布到線上會出問題，然后本地開發(fā)有沒有現(xiàn)場的數(shù)據(jù)來調(diào)試，達(dá)不到很好的效果浆洗，甚至可能一直定位不到原因速妖，現(xiàn)在小編來給大家安利一個方法
1.config/index.js 里面的productionSourceMap設(shè)為true，會在瀏覽器source多出一個webpack的文件夾
2.build/webpack.prod.conf.js 里面的devtool設(shè)為devtool: config.build.productionSourceMap ? '#source-map' : false
3.npm run build
之后打包之后的瀏覽器控制臺里面會有我們的源碼生真，跟開發(fā)環(huán)境一樣的結(jié)構(gòu)，便于調(diào)試
但是注意：生產(chǎn)環(huán)境一般是禁止放便于調(diào)試的包的斤斧，大家一定要注意，為了安全和保密
安全性問題，防止業(yè)務(wù)代碼泄露标锄，我們可以先打一個過去調(diào)試一下，成功之后再改為productionSourceMap：false，這樣既解決了我們線上調(diào)試的問題牺六，又可以實現(xiàn)代碼安全保密
