项目中.vue文件多了之后 热更新巨慢 两分钟

Question

项目中需根据后台接口，给当前登录人动态生成菜单栏。
我的做法是获取接口数据后，遍历数据 动态push router

问题出在动态push router时 
menu.component = lazyLoading(menu.component); 
//menu.component时接口返回的一级菜单的资源路径 
例如 有一个页面叫myTestList
menu.component = ‘test/myTestList’

然后我用lazyLoading import 对应的.vue页面资源
//lazyLoading
export default (url) =>()=>import(@/views/${url}.vue)

一开始 项目中页面比较少，现在对应的.vue差不多有80个左右，我发现热更新时间特别久，每次修改一个字符串，都要等待几分钟。

求教问题出在哪里？怎么解决这种问题呢？

Answer 1

升级webpack4吧 现在改代码1、2秒