webpack优化系列-懒加载lazy loading

懒加载：当文件需要使用时才加载

在js文件中，使用import

document.getElementById('btn').onclick = function() {
  // 预加载 prefetch：会在使用之前，提前加载js文件  
  // 预加载 prefetch：等其他资源加载完毕，浏览器空闲了，再偷偷加载资源
  import(/* webpackChunkName: 'test', webpackPrefetch: true */'./test').then(({ add }) => {
    console.log(add(10, 20));
  });
};

总结：

react路由懒加载，以及vue中的路由懒加载也是使用import加载对应组件。