router文件:
新建 import-development.js 生产环境导入组件
module.exports = file => require('@/views/' + file + '.vue').default
新建 import-production.js 生产环境导入组件
module.exports = file =>require('@/views/' + file + '.vue')
新建index.js
// 开发环境不使用懒加载, 因为懒加载页面太多的话会造成webpack热更新太慢, 所以只有生产环境使用懒加载 const _import = require('./import-' + process.env.NODE_ENV)
使用:
{ path: '/home', component: _import('common/home'), name: 'home', meta: { title: '首页' } },