1. loader 十问 在我学习webpack loader的过程中，也阅读了网上很多相关文章，收获不少。但是大多都只介绍了loader的配置方式或者loader的编写方式，对其中参数、api及其他细节的介绍并不清晰。 也许你也会有类似的疑问。下面我会结合loader相关的部…

几个月前，我的任务是将我们组的 Vue.js 项目构建配置升级到 Webpack 4。我们的主要目标之一是利用 tree-shaking 的优势，即 Webpack 去掉了实际上并没有使用的代码来减少包的大小。现在，tree-shaking 的好处将根据你的代码库而有所不同。由…

谈到目前最🔥的构建工具，那无疑要属 vite 了。vite 以其独特的 nobundle 打包机制，再配合浏览器对 ESM 规范的支持，能给开发人员带来很好的开发体验，越来越受到大家的欢迎。 看到 v

「干货」近万字分享带你真正走进Babel的世界。从工程化前端中的babel各种配置的区别与联系分析，再到打造属于自己的Babel插件，从此带你真正领略前端领域中Babel编译之美！

前端开发者，早起因为各种因素奔忙与各种浏览器之间，疲于兼容性；而后随着语言的快速发展，整天困扰在各种新语法的不同支持实现；而今又要不断被新的框架、标准处处受制，很难集中于前端技术本身、或者前端项目工程

先来一波名词解释。先上网上一张图解释： 1、module：我们源码目录中的每一个文件，在 webpack 中当作module来处理（webpack 原生不支持的文件类型，则通过 loader 来实现）。module组成了chunk。 2、chunk。webpack打包过程中的产…

前言 为什么我们要学习webpack执行流程？ 第一：webpack我们经常使用，开发必备，囊括了很多很有趣的功能，比如热更新，启动服务器，babel解析等等，简直就是一个包工头，让我们的开发变得简单

1. 基础 -- 会配置 2. 进阶 -- 能优化 3. 深入 -- 懂原理 一层层晋级打怪 🦖 ，解答不同深度的 Webpack 面试题问题 🤓

带你深度解锁Webpack系列(基础篇) 和 带你深度解锁Webpack系列(进阶篇)，主要是讲解了 Webpack 的配置，但是随着项目越来越大，构建速度可能会越来越慢，构建出来的js的体积也越来越大，此时就需要对 Webpack 的配置进行优化。 本文罗列出了十多种优化方式…