前端性能优化三十五：花裤衩模板关闭productionSourceMap

最新推荐文章于 2024-09-30 15:42:36 发布

完美句号

最新推荐文章于 2024-09-30 15:42:36 发布

阅读量374

点赞数 10

文章标签：前端 webpack 自动化性能优化前端框架系统架构 vue.js

本文链接：https://blog.csdn.net/wanmeijuhao/article/details/135207744

版权

本文探讨了在开发和生产环境中，为何生产SourceMap被设置为false，主要关注.map文件在开发中的调试作用、生产环境压缩后代码差异大导致的调试困难，以及禁用.map以减小包大小和保护源码安全的决策。

摘要由CSDN通过智能技术生成

module.exports = {
  ...
  productionSourceMap: false
}

①. .map文件:
    a. 开发阶段编译后的.map文件主要是用来进行进行调试、错误定位的.
    b. 上了生产环境,打包不生成.map文件. => 出现问题时,无法DEBUG.

②. 不生成.map文件:
    a. a. 生产环境的代码会经过压缩、去空格、babel编译转化.
    b. 压缩后的代码和源代码之间的差异会很大.
    c. 生产环境减少包大小,也可以"加密"源码.