❝ 打不垮我的，将使我更加坚强 --尼采 ❞

大家好，我是「柒八九」。

好久没更文了，其实这段时间，一直没闲着。在准备一些比较重要的东西。忙着跑步，忙着学习，忙着xx。 总之就是，一直在忙着，从未停歇。

虽然，这段时间，没有文章的发布，其实，在私底下，已经有不下10篇的文章已经起手了。等再润色一下，就会和大家见面。

你能所学到的知识点

❝

1. Webpack Loader 和 Plugin 的区别
2. Webpack 生命周期
3. Webpack「编译阶段」提效
   1. 「减少」执行编译的模块
   2. 提升「单个模块」构建的速度
   3. 「并行构建」以提升总体效率
4. Webpack「打包阶段」提效
   1. 以提升「当前任务」工作效率为目标的方案
      • 「压缩」 Chunk 产物代码
   2. 以提升「后续环节」工作效率为目标的方案
      • Code Splitting
      • Tree Shaking
      • Scope Hoisting (作用域提升)
      • sideEffects
5. 缓存优化

❞

Webpack Loader vs Plugin

• loader 是「文件加载器」，能够加载资源文件，并对这些文件进行一些处理，诸如编译、压缩等，最终一起打包到指定的文件中
• plugin 赋予了 webpack 各种灵活的功能，例如打包优化、资源管理、环境变量注入等，目的是「解决 loader 无法实现的其他事」