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

模块化，其实在日常开发中到处都在用。但我对这个词，其实没有一个系统的、全面的理解。这篇文章，就参考各种文章稍微整理一下~ 一、什么是模块化 什么是模块 将一个复杂的程序，依据一定的规则（规范）封装成几

在 ESM 出现之前，Javascript 是没有一个标准的模块方案。 比如说 CJS 是用于 Node 服务端的模块化方案，AMD 是用于浏览器的模块化方案。为了解决这个模块共用性问题，

所有人都知道 Webpack 很复杂，但 Webpack 的源码却很优雅，是一个典型的可插拔架构，不仅逻辑清晰，而且灵活好扩展。近几年出来的一些构建工具，大多也都参考了 Webpack 的这种架构方式

今天给大家介绍社区当中一个 webpack 的流式配置方案——webpack-chain，这个方案现在已经在我目前所在的团队落地，且带来了一些正向的收益。

在前端工程化日趋复杂的今天，模块打包工具在我们的开发中起到了越来越重要的作用，其中webpack就是最热门的打包工具之一。 说到webpack，可能很多小伙伴会觉得既熟悉又陌生，熟悉是因为几乎在每一个项目中我们都会用上它，又因为webpack复杂的配置和五花八门的功能感到陌生。…

都 2020 了，不会点 Webpack 好像有点说不过去。 但是事实上如果不是分配到【架构组】之类的团体中，感觉接触 Webpack 的概率会少点吧。 Webpack 是一个现代 JavaScript 应用程序的静态模块打包器（module bundler）。 当 Webpa…

声明：本篇文章基于webpack v4.43.0，如按照文中代码执行报错，请先检查依赖版本是否和示例代码仓库中一致。 自Web2.0以来，前端技术日益蓬勃发展，前端仔们不再满足于切切页面、写写动画，而是能够做更多"高大上"的事情了。但随着项目规模和复杂度的提升，代码的依赖维护、…

本文主要内容包括：什么是Babel Plugin、Babel Preset，两者的区别与联系、如何使用plugin/preset、如何创建自定义preset、使用注意事项。 本文所有例子可在 笔者github 上 找到。