VUE+WEBPACK3 项目热更新速度优化

背景： 随着项目体积变大，导致热更新速度成倍增加，严重影响开发效率！

切入点： 路由文件中引入文件过多， 开发环境使用 require 方式引入； 生产环境使用异步import加载；

方法：   

　　新建  _import_development.js   

module.exports = file => require('@/views/' + file + '.vue').default

　　新建  _import_production.js   

module.exports = file => () => import('@/views/' + file + '.vue')

      路由引入方式修改

 

转载于:https://www.cnblogs.com/sjzbk/p/11213350.html