Advertisement

支持懒 加载 和 预 加载 功能 的 Webpack 版 本 具 有 PWA 特 性 并支 持 多 进程 打 包

阅读量：

懒加载技术实现方案

采用动态import的途径来达成懒加载的效果。（以下函数在未点击按钮的情况下，不会加载test.js这个文件）。

复制代码 
    console.log("index.js文件被加载了~");
    
    document.getElementById('btn').onclick = function() {
      // 懒加载
      import(/* webpackChunkName: 'test' */'./test').then(({mul}) => {
    console.log(mul(4,5));
      });
    }

预加载机制实现方式

在进行动态导入操作时，只需增加相应的参数设置即可实现所需功能。

复制代码 
    webpackPrefetch: true

如需了解完整的配置信息，请参阅下方提供的代码内容。

复制代码 
    console.log("index.js文件被加载了~");
    
    document.getElementById('btn').onclick

全部评论 (0)

还没有任何评论哟~

相关文章推荐