背景: 隨着項目體積變大,導致熱更新速度成倍增加,嚴重影響開發效率!
切入點: 路由文件中引入文件過多, 開發環境使用 require 方式引入; 生產環境使用異步import加載;
方法:
新建 _import_development.js
module.exports = file => require('@/views/' + file + '.vue').default
新建 _import_production.js
module.exports = file => () => import('@/views/' + file + '.vue')
路由引入方式修改