Componentes de importación de carga diferida de enrutamiento de Vue

archivo de enrutador:

Nuevo componente de importación del entorno de producción import-development.js

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

 

Nuevo componente de importación del entorno de producción import-production.js

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

 

Nuevo index.js

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

 

utilizar:

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