webpack是Javascript工具链的关键部分。webpack是个用于现代JavaScript应用程序的静态模块打包工具。

一、config-overrides.js配置 大哥写的：不错 customize-cra 原版api介绍 1、需要安装 react-app-rewired customize-cra 2、修改pac

前言 ✈️ ‍在之前的章节中我们学习了使用asset module资源模块进行png格式、base64格式、txt内容等不同格式的引入并解析，今天我们就补充一下图片资源的加载新方式以及如何引入icon

「万字解析」300行代码梳理webpack核心工作流源码，从工程化出发，真正搞懂webpack背后打包机制。带你走进webpack生态开发的世界，真正对应用webpack了然于胸。

一次 webpack 到 vite 的失败迁移体验。`Vite` 经过一段时间的发展，目前的生态已经非常丰富了。所以就着手把项目的 `Webpack` 替换为 `Vite`。

我们在上一章节中使用四种资源模块来进行资源的引入✋，实际上webpack除了资源模块以外，还可以通过loader引入其他类型的资源，同时使用插件进行抽离压缩

Webpack 是一种前端资源构建工具，静态模块打包器 (module bundler)。我们前端的所有资源文件，包括js、css、img等都会作为模块处理。

webpack性能优化 今天主要讲解 Webpack 的配置，但是随着项目越来越大，构建速度可能会越来越慢，构建出来的js的体积也越来越大，此时就需要对 Webpack 的配置进行优化。 本文罗列出了

webpack优化是中高级前端在项目中不可缺少的工作，本文拥有丰富的代码示例，从编译提效、增量构建等角度出发为你系统、详实地讲解webpack 5 优化方案。