一、前言 Webpack热更新是我们开发环境中人人皆知的基本能力，同时也是面试中比较频繁会问到的话题，那里你有没有想过整个过程是怎么实现的？ 本文将从概念 -> 手写实现彻底搞懂Webpack HMR

一、什么是 Tree Shaking Tree-Shaking 是一种基于 ES Module 规范的 Dead Code Elimination 技术，它会在运行过程中静态分析模块之间的导入导出，确

Webpack只是一台把无数源代码模块（module）按规则拼成逻辑代码块（chunk），再落盘成浏览器可加载文件（bundle）的流水线。

本文将以概述的视角简要介绍各个 bundler 的 tree shaking 原理，以及各个 bundler 的 tree shaking 之间的差异。

前言 作为老牌前端构建工具使用,无论是生态还是灵活性都不如新生力量webpack/vite 但是不意味着他就没有任何作用。作为简单任务自动化工具来使用还是非常不错的。(这里就是我需要流程化执行node

文介绍了webpack的模块依赖和转换的原理和流程，通过分析webpack的配置文件，模块函数，缓存对象，和require函数，揭示了webpack是如何实现模块的导入和导出的，以及如何处理不同的模块

答: js 的模块化一般来说有 Commonjs AMD(CMD) ESModule 等, Commonjs 使用的同步加载一般用于 node, AMD(CMD) 由于是异步加载所以普遍用在前端. ESModule 旨在实现前后端模块化的统一. 言简意骇, 点到为止. 简直优秀…

前言 最近一直在看 webpack 相关的知识，无论是相关的打包流程，还是一些更深层次的原理，都想以我的角度，一种更为浓缩的方式分享给大家，思来想去，手写 webpack 似乎是一个不错的方式，在这里

【脚手架】从0到1搭建React18+TS4.x+Webpack5项目，主技术栈：webpack5 + React18 + TS4.x + React-Router6.x