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