组件根据环境懒加载
type
status
date
slug
summary
tags
category
icon
password
Blocking
Blocked by
top
URL
Sub-item
Parent item
组件根据环境懒加载
随着项目页面不断膨胀，热更新的速度越来越慢。所以就诞生一个需求：
- 在生产环境中才使用懒加载，加快首屏开启速度。
- 在开发环境不使用懒加载，加快编译速度。
关于懒加载
实现懒加载，主要是 vue 的异步组件和 webpack 的
import()，见vue-router 文档。实现过程
首先要判断编译环境，需要通过 webpack 内置的DefinePlugin注入一个全局常量，来表示当前环境。
在 webpack3 以上，webpack 会暴露 process.env 表示当前环境。
- 构造一个函数，在不同的环境执行不同的导入函数。
- 然后在 vue-router 就可以使用了。