ESModule 与 CommonJS 模块互操作性的 “迷宫”。__esModule 与 exports.default 背后隐藏着怎样的秘密？Rollup 又如何巧妙化解困局。

Webpack 在构建过程中提供了三种类型的哈希值：hash、chunkhash 和 contenthash。这些哈希值用于版本控制，帮助浏览器识别文件内容是否发生变化，从而决定是否需要下载新文件或可

涵盖：代码分割、什么是preload和prefetch、dll打包、PWA、多线程打包、runtimeChunks缓存策略优化、eslint和babel等缓存配置、oneof优化loader加载顺序等

模块化的开发方式可以提高代码复用率，方便进行代码的管理。通常一个文件就是一个模块，有自己的作用域，只向外暴露特定的变量和函数。目前流行的js模块化规范有CommonJS、AMD、CMD以及ES6的模块系统。参见阮一峰老师的文章 module-loader 。 Node.js是c…

本文通过精美的图文，深入分析 Webpack Loader 的运行机制，带你吃透 Webpack loader 的 11 个核心问题。

webpack的成功之处，不仅在于强大的打包构建能力，也在于它灵活的插件机制。 也许你了解过webpack的插件与钩子机制；但你或许不知道，webpack内部拥有超过180个钩子，这些钩子与模块（内置插件）之间的「创建」「注册」「调用」关系非常复杂。因此，掌握webpack内部…

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

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

带你弄懂使用webpack时chunk、bundle、module这些概念；分析打包流程，让你对webpack有更深入的理解