Vue routing lazy loading import components

router file:

New import-development.js production environment import component

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

 

New import-production.js production environment import component

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

 

New index.js

// 开发环境不使用懒加载, 因为懒加载页面太多的话会造成webpack热更新太慢, 所以只有生产环境使用懒加载
const _import = require('./import-' + process.env.NODE_ENV)

 

use:

{ path: '/home', component: _import('common/home'), name: 'home', meta: { title: '首页' } },