vue项目优化之开发环境禁用懒加载,生产环境启用懒加载

2,086 阅读1分钟

优化方法:

当路由增多时,router中每个component都需要实现懒加载,但是在开发环境中使用懒加载,会导致代码更改的热跟新速度变慢,所以需要区分环境来使用路由的懒加载功能。

router文件夹下新建以下两个文件:

import_production.js:

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

import_development.js:

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

然后在router/index.js中替换以下代码:

const _import = require('./import_' + process.env.NODE_ENV)
 
export default new Router({
  routes: [{ path: '/admin', name: '登陆', component: _import('admin') }]})