webpack -- source-map


這玩意兒看完文檔,加上大佬的解釋,其實就是個錯誤追蹤,能夠告訴瀏覽器那里出錯了,那個文件報錯了,可以具體到哪一個文件,哪一行
開發環境和生成環境是不一樣的,生產環境可以不配置source-map,但是開發環境可以配置一下,因為source-map會影響瀏覽器加載,文件太大了,不過也可以在生產環境中配置一個source-map
比如根據webpack文檔,可以在開發環境配置inline-source-map,而在生產環境中可以配置source-map
而大佬沒有配置這個,大佬配置的是cheap-module-eval-source-map這個配置不能應用於生產環境,上面的source-map可以應用於生產環境
上面兩個估計應該是webpack內置了,下面這個需要先安裝

npm install cheap-module-eval-source-map --save-dev

Tips
source-map是配置在webpack.config.js的devtool上

const config = {
    devtool: '#cheap-module-eval-source-map'
}

source-map選項表
devtool


免責聲明!

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



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