webpack懒加载

懒加载即是在需要的时候再加载

1､使用import()返回promise，不同于import 的导入，但是功能相同

//导入样式,会在 2秒后加载此样式

setTimeout(function(){
  import("./style2.scss");
},2000);

//导入默认函数other1:

export default function(){
  document.body.style.backgroundColor ="blue";

}

------------------

//导入函数 会在 3秒后改变背景

setTimeout(async function(){
  const fn = (await import("./other1")).default;
  fn();
},3000);

注意的是函数默认的时候返回的promise对象的key为 default,需要获取.default才是函数。

如果是导入则是 import fn from "./other1"