博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
vue路由懒加载导入组件
阅读量:4111 次
发布时间:2019-05-25

本文共 427 字,大约阅读时间需要 1 分钟。

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

 

转载地址:http://ojesi.baihongyu.com/

你可能感兴趣的文章
第十一章 - 直接内存
查看>>
JDBC核心技术 - 上篇
查看>>
JDBC核心技术 - 下篇
查看>>
一篇搞懂Java反射机制
查看>>
一篇彻底搞懂Java注解与枚举类
查看>>
【2021-MOOC-浙江大学-陈越、何钦铭-数据结构】树
查看>>
MySQL主从复制不一致的原因以及解决方法
查看>>
RedisTemplate的key默认序列化器问题
查看>>
序列化与自定义序列化
查看>>
ThreadLocal
查看>>
从Executor接口设计看设计模式之最少知识法则
查看>>
OKhttp之Call接口
查看>>
application/x-www-form-urlencoded、multipart/form-data、text/plain
查看>>
关于Content-Length
查看>>
WebRequest post读取源码
查看>>
使用TcpClient可避免HttpWebRequest的常见错误
查看>>
EntityFramework 学习之一 —— 模型概述与环境搭建 .
查看>>
C# 发HTTP请求
查看>>
初试visual studio2012的新型数据库LocalDB
查看>>
启动 LocalDB 和连接到 LocalDB
查看>>