vue 项目优化打包时间

优化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分钟的时间

你可能感兴趣的:(vue.js,javascript,前端)