自18年webpack4发布后，经历了无数个小版本的洗礼，时隔两年在20年10月10日终于迎来了5.0版本的发布。借用官网的话来说，人们不喜欢带有突破性的重大变化，所以一直积累了很多困难点。

webpack作为目前主流的前端构建工具，我们几乎每天都需要与它打交道。是一个足够开放的类库，提供了可插拔的方式去自定义一些配置，包括配置 loader和plugin，本篇我们主要讨论loader

1、Tree Shaking 作用： 如果我们的项目中引入了 lodash 包，但是我只有了其中的一个方法。其他没有用到的方法是不是冗余的？此时 tree-shaking 就可以把没有用的那些东西剔除

其实性能优化还存在很多可以玩的地方，今天笔者就来聊一些大家不常关注的地方，从开发到 CI 的构建阶段以及最后部署上线这几个链路。

随着项目不断发展壮大，组件数量开始变得越来越多，项目也开始变得庞大，webpack 编译的时间也会越来越久，我们现在的项目编译一次在 40s ——70s 之间，这是一个效率非常低下的操作。优化的手段有很多，之前项目原本已经做了很多，本文从缓存的角度进行优化讲解 babel-lo…

公司的前端项目使用Vue框架，Vue框架使用Webpack进行构建，随着项目不断迭代，项目逐渐变得庞大，然而项目的构建速度随之变得缓慢，于是对Webpack构建进行优化变得刻不容缓。经过不断的摸索和实践，通过以下方法优化后，项目的构建速度提高了50%。现将相关优化方法进行总结分…

「万字长文」超硬核 ！手把手带你实现开源 Webpack 插件项目，逐步带你走进Webpack开发者的世界。从此对于 Webpack 插件开发，真正做到 “知其然，知其所以然”。

在前端圈子里，对于 Babel，大家肯定都比较熟悉了。如果哪天少了它，对于前端工程师来说肯定是个噩梦。Babel 的工作原理是怎样的可能了解的人就不太多了。 本文将主要介绍 Babel 的工作原理以及怎么写一个 Babel 插件。 Babel 是一个 JavaScript 编译…

做自己的轮子，让别人用去吧。 本文灵感源自业务中的经验总结，不怕神一样的产品，只怕一根筋的开发。 在项目打包遇到问题：“当项目托管到 CDN 平台，希望实现项目中的 index.js 不被缓存”。因为我们需要修改 index.js 中的内容，不想用户被缓存。 打包时动态创建 s…