# 如何提高 Webpack 的打包速度?

  1. happyPack:因为 node 是单线程的,Webpack 是基于 node 的,无法使用现代机器的多核处理器的优势,打包时间要很久,happyPack 的作用就是开启多线程打包,提高打包速度,在模块很大的时候才有效
    在 plugin 了 new 这个插件,可以指定线程池的数量(根据 cpu 核数)
  2. 分离基础库:第三方库比如 react、react-dom,这些库长时间不会改变,分离出来让它不打包或者减少打包的次数(比如单独入口)
    将不怎么需要更新的第三方库脱离 Webpack 打包,不被打入 bundle 中,从而减少打包时间,比如 jQuery 用 script 标签引入
  3. DLL 动态链接库:让一些基本不会改动的代码先打包成静态资源,避免反复编译浪费时间(利用缓存)
  4. 动态导入的,把动态导入的代码单独打包,显然比打包在一块优势