這玩意兒看完文檔,加上大佬的解釋,其實就是個錯誤追蹤,可以告訴瀏覽器那裏出錯了,那個文件報錯了,能夠具體到哪個文件,哪一行
開發環境和生成環境是不同的,生產環境能夠不配置source-map,可是開發環境能夠配置一下,由於source-map會影響瀏覽器加載,文件太大了,不過也能夠在生產環境中配置一個source-map
好比根據webpack文檔,能夠在開發環境配置inline-source-map
,而在生產環境中能夠配置source-map
而大佬沒有配置這個,大佬配置的是cheap-module-eval-source-map
這個配置不能應用於生產環境,上面的source-map能夠應用於生產環境
上面兩個估計應該是webpack內置了,下面這個須要先安裝webpack
npm install cheap-module-eval-source-map --save-dev
Tips
source-map是配置在webpack.config.js的devtool上web
const config = { devtool: '#cheap-module-eval-source-map' }
source-map選項表
devtoolnpm