webpack中的sourcemap

sourcemap:是一項debug技術。

在webpack中有五種基本的配置。

1. eval
2. source-map
3. cheap
4. module
5. inline

eval: 使用eval將模塊包裹，在末尾加入sourceURL，速度快

source-map: 產生一個.map的文件，文件裏面保留了打包後的文件與原始文件之間的映射關係

cheap: 與source-map相似，區別在與map文件中沒有列信息

module: 會定位到用loader轉換以前的文件裏

inline: 產生.map文件，但這個文件會以base64的格式編碼，在模塊末尾以dataURL的方式引入

 

生產環境： cheap-module-source-map

開發環境： cheap-module-eval-source-map