【webpack】中的devtool的使用方法


我們的代碼通常是經過es6轉換成es5,所有報錯的時候是es5代碼所在的位置,行號是不對的,那么這樣就不合理了,通過devtoll來設置

 

在開發環境中使用(不要在線上使用這個呀,會暴露你源代碼的)

devtool: 'source-map'

顯示的是原始源代碼

 

在線上環境使用

devtool: 'cheap-source-map'

顯示轉換過的代碼

 

上面兩個選項都會生成單獨的映射文件.map

 

如果不想這樣配置,參考這里:https://www.webpackjs.com/configuration/devtool/

 

我們一般是這樣配置的

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM