懒加载:当文件使用时才加载

预加载Prefetch:会在使用前提前加载js文件

正常加载可以认为是并行加载(同一时间加载多个文件)

预加载Prefetch:等其他资源加载完毕,浏览器空闲了,再偷偷加载 兼容性差

index.js

  1. console.log('index.js被加载了')
  2. document.getElementById('btn').onclick = function(){
  3. import(/*webpackChunkName:'test',webpackPrefetch:true*/'./test').then(({mul})=>{
  4. console.log(mul(4,5))
  5. })
  6. }

test.js

  1. console.log('test.js被加载了')
  2. export function mul(x, y) {
  3. return x * y;
  4. }