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

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

这“讨厌”的面试官又来了，挺着个油腻的大肚子，格子衫堪堪裹住他的腰，摸了摸他的地中海发型，张开自认为性感的厚嘴唇，说了句：“年轻人，这次我们来聊聊 webpack5吧。“

常见的plugin、loader，插件loader的区别，webpack的构建流程，性能优化，hash生成，热更新原理，tree-shaking原理……

前言 大家好，我是林三心，标题腾讯面试官：同学，你说你会Webpack，那说说他的原理？，是本菜鸟在面试腾讯时，面试官说的问的原话，一字不差，哈哈。本菜鸟当时肯定是回答不上来，最后也挂了。今天就简单实

本篇主要是webpack的基础之其他配置，如图片、html、其他资源的配置、devserver配置、环境配置。在此文还会简述一下webpack的工作模式，构建流程，Loader和Plugin的不同?

webpac3升级至webpack5踩坑点以及关键点记录，涉及过时plugins以及新plugins的替换。webpack搭配glup的配置，webpack动态cdn的配置。

背景 2021年重写了一个代码量在50W行级别的项目，由于多人同时开发，且没有处理好公共模块分配，导致完成后产生了大量的无用文件和无用代码，很影响开发体验，笔者在业余事件探索了工程化这一行为的可能性

本文主要详细介绍了，如何使用 webpack打包多套不同主题的解决方案以及实践中所遇到的问题。