35. 懒加载

//index.js
const btn = document.querySelector("button");
btn.onclick = async function() {
  //动态加载
  //import 是ES6的草案
  //浏览器会使用JSOP的方式远程去读取一个js模块
  //import()会返回一个promise   （* as obj）
  // const { chunk } = await import(/* webpackChunkName:"lodash" */"lodash-es");
  const { chunk } = await import("./util");
  const result = chunk([3, 5, 6, 7, 87], 2);
  console.log(result);
};

export { chunk } from "lodash-es";

注意:

1. 使用懒加载的时候,是无法使用tree shaking的,因为不能从一开始,分析到依赖
2. 使用一个文件单独引入需要的模块,一开始就会被分析到依赖,然后在使用的时候,引入懒加载这个模块