webpack4懒加载

最新推荐文章于 2022-09-29 18:46:49 发布

LLL_LH

最新推荐文章于 2022-09-29 18:46:49 发布

阅读量521

点赞数

CC 4.0 BY-SA版权

分类专栏： webpack

本文链接：https://blog.youkuaiyun.com/LLL_liuhui/article/details/103960623

webpack 专栏收录该内容

14 篇文章

订阅专栏

懒加载，即在需要调用的时候才进行加载

let button = document.createElement('button');
button.innerHTML = 'hello';
button.addEventListener('click', function () {
  console.log('click');
  import('./a.js').then(data => {
    console.log(data.default.a());
  })
});
document.body.appendChild(button);

注意当调用 ES6 模块的 import() 方法（引入模块）时，必须指向模块的 .default 值，因为它才是 promise 被处理后返回的实际的 module 对象。

import(/* webpackChunkName: "a" */'./a.js') 加上注释，打包后的文件名为a.js，不是1.js