source-map

  • version:当前使用的版本,也就是最新的第三版;
  • sources:从哪些文件转换过来的 source-map 和打包的代码(最初始的文件);
  • names:转换前的变量和属性名称(因为我目前使用的是 development 模式,所以不需要保留转换前的名称);
  • mappings:source-map 用来和源文件映射的信息(比如位置信息等),一串 base64 VLQ(variable-length quantity 可变长度值)编码;
  • file:打包后的文件(浏览器加载的文件);
  • sourceContent:转换前的具体代码信息(和 sources 是对应的关系);
  • sourceRoot:所有的 sources 相对的根目录;

最佳实践

  • 开发阶段:

推荐使用 source-map 或者 cheap-module-source-map,这分别是 vue 和 react 使用的值,可以获取调试信息,方便快速开发;

  • 测试阶段:

推荐使用 source-map 或者 cheap-module-source-map,测试阶段我们也希望在浏览器下看到正确的错误提示;

  • 发布阶段:

false、缺省值(不写)