6.动态导入

这里动态导入、按需引入、懒加载是同一个概念

使用场景

调用fn方法中动态引入

const fn = async () => {
   //then
   import(/* webpackChunkName: "lodash" */ 'lodash').then(({ default: _ }) => {
     console.log(_.join(['a','b','c'],"***"));
   })
   //await
   const _ = await import(/* webpackChunkName: "lodash" */ 'lodash');
   console.log(_.join(['a','b','c'],"***"));
   }
}

点击操作使用动态导入

button.onclick = e => import(/* webpackChunkName: "test" */ './test.js').then(({add}) => {
   div.innerHTML = add(rand(1000),rand(2000));
})