vue 路由加载(生产环境和开发环境)
定义production 和development环境加载方式_import_development.js 中定义输出module.exports=file => require('@/views/'+file+'.vue').default;模块导出使用的是 export default{} ,导出的实际格式为{default:组件名},require不支持默认导入,所以...
·
定义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')}
更多推荐
已为社区贡献5条内容
所有评论(0)