懒加载
document.getElementById('btn').onclick = function () { // 懒加载:当文件需要使用时才加载 import(/* webpackChunkName: 'test' */ './test').then(({mul})=>{ console.log(mul(4, 5)); }) }
预加载
document.getElementById('btn').onclick = function () { // 预加载:webpackPrefetch: 会在使用之前,提前加载js文件 // 正常加载可以认为是并行加载(同一时间加载多个文件) // 预加载 prefetch:等其他资源加载完毕,浏览器空闲了,再偷偷加载资源 import(/* webpackChunkName: 'test', webpackPrefetch: true */ './test').then(({mul})=>{ console.log(mul(4, 5)); }) }