vue 项目优化打包时间

发布时间:2024年01月23日

优化Vue项目的打包速度

随着项目依赖的增加, 在配合开发的时候听到后端同学的抱怨 build 时间长, 及其影响开发效率和心情. 然后翻阅了相关的资料开启Vue优化之路。
此项目是针对vue-cli2脚手架进行优化的

  • 优化配置
  • 修改config/index.js下的文件
  • // 开发环境dev下, 设置为`eval`能提高最快速度, 但是缺点是不能正确显示行号, Debug会有点影响
    devtool: 'eval'
    // 关闭生产环境的sourceMap, 不懂是啥的话可以看下面的文章
    // 阮一峰 - JavaScript Source Map 详解(http://www.ruanyifeng.com/blog/2013/01/javascript_source_map.html)
    
    productionSourceMap: false

    ?在src/mian.js关闭生产环境下的调试信息**

  • const isDebugMode = process.env.NODE_ENV !== "production";
    Vue.config.debug = isDebugMode;
    Vue.config.devtools = isDebugMode;
    Vue.config.productionTip = isDebugMode;

    这样就成功了 大概可以缩减5分钟的时间

文章来源:https://blog.csdn.net/xuxingyuan_/article/details/135779733
本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。