这一节的代码位于 09_optimisation/9_4_happypack

happypack

  • 文档 https://github.com/amireh/happypack#readme
  • 安装: yarn add happypack -D
  • webpack 中配置:
  • image.png
  • image.png
  • 此时运行打包命令 npm run build , 即可看到happypack使用了三个线程打包
  • image.png
  • 此时文件比较少, 多线程优势暂时体现不出来, 因为分配线程也需要时间

  • 同样css也可以使用多线程打包, 包括其他文件如jsx也可以使用

  • image.png
  • image.png