這玩意兒看完文檔,加上大佬的解釋,其實就是個錯誤追蹤,能夠告訴瀏覽器那里出錯了,那個文件報錯了,可以具體到哪一個文件,哪一行
開發環境和生成環境是不一樣的,生產環境可以不配置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