vue路由懒加载导入组件

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: '首页' } },