懒加载

什么是懒加载

你有100个模块如果在页面渲染的时候一次性加载会极大的影响用户体验。

使用懒加载实现只有在用户用到某些功能的时候加载所要用到的模块。

不需要的时候不加载，需要了才加载

import()实现懒加载

使用import()来引入需要懒加载的文件，该方法会返回一个Promise对象实例。使用.then 来获取懒加载模块的内容。

const promise = import('./lazy.js')
promise.then(modules=>{
	console.log(modules);
    /*导出的是默认模块时*/
    console.log(modules.default)
})