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

原文地址:https://www.cnblogs.com/lurending0417/p/10451534.html