soure-map是什么灯萍?
一種提供源代碼到構(gòu)建后代碼的映射關(guān)系的技術(shù)跳座。
(如果構(gòu)建后代碼出錯了端铛,通過映射關(guān)系可以追蹤到源代碼的錯誤,從而去更改源代碼疲眷,易于調(diào)試禾蚕。)
怎么用?
devtool:'source-map',
使用webpack命令打包后咪橙,會在build文件下生成一個.source-map文件夕膀。
常見的幾種source-map類型
source-map:外部
- inline-source-map:內(nèi)聯(lián)
1虚倒。只生成一個內(nèi)聯(lián)的source-map - hidden-source-map:外部
- eval-source-map:內(nèi)聯(lián)
1美侦。每一個文件都生成對應(yīng)的source-map.都在eval函數(shù)中。sourceURL魂奥。
內(nèi)聯(lián)和外部的區(qū)別:
外部生成了文件仆潮,內(nèi)聯(lián)沒有已卸。
內(nèi)聯(lián)構(gòu)建速度更快。 - nosources-source-map:外部
- cheap-source-map:外部
- cheap-module-source-map:外部