webpack处理sourcemap
总结一下:
对于开发环境,适合使用
- eval:速度极快,但只能看到原始文件结构,看不到打包前的代码内容;
- cheap-eval-source-map:速度比较快,可以看到打包前的代码内容,但看不到 loader 处理之前的源码;
- cheap-module-eval-source-map:速度比较快,可以看到 loader 处理之前的源码,不过定位不到列级别;
- eval-source-map:初次编译较慢,但定位精度最高;
对于生产环境,适合使用
- source-map:信息最完整,但安全性最低,外部用户可轻易获取到压缩、混淆之前的源码,慎重使用;
- hidden-source-map:信息较完整,安全性较低,外部用户获取到 .map 文件地址时依然可以拿到源码;
- nosources-source-map:源码信息缺失,但安全性较高,需要配合 Sentry 等工具实现完整的 Sourcemap 映射。