定义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')}
Logo

前往低代码交流专区

更多推荐