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: {
    // 內容
  }
}