优化方法:
当路由增多时,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') }]})