vue-router 路由加载 组件懒加载选择

开发环境不使用懒加载（会致使webpack热更新太慢）只在生产环境使用懒加载

//router/import-development.js
module.exports = file => require('@/views/' + file ).default

//router/import-production.js
module.exports = file => () => import("@/views/" + file );


//router/index.js

const _import = require("./import-" + process.env.NODE_ENV);

{
		path: "/login",
		component: _import("login"),
		name: "login",
		meta: { title: "登陆" }
}

 

import-development.js里的，export default 导出的包 以下形式，因此是 module.exports = file => require('@/views/' + file ).default

{
  default: {
    // 内容
  }
}