vue 路由加载(生产环境和开发环境)

定义production 和development环境加载方式

_import_development.js 中定义输出

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

模块导出使用的是 export default{} ,

导出的实际格式为{default:组件名},require不支持默认导入,所以加载组件需要require().default

require加载组件报错:Failed to mount component: template or render function not defined.也是因为.default的原因

_import_production.js中定义输出

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

在index.js中引入模块

const _import = require('./_import_'+process.env.NODE_ENV);

process.env包含用户环境信息的对象

process.env.NODE_ENV读取当前环境变量 

路由写法

{path:'login',name:'login',component:_import('login/LoginIn')}
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值