tag
Webpack 项目迁移到 Vite 的完整对照手册：打包器与原生 ESM 开发服务器的心智模型差异、entry/output/mode 的配置映射、loader 到 Vite 内建能力的对应、DefinePlugin 与 HtmlWebpackPlugin 的替代方案、resolve 别名迁移、process.env 到 import.meta.env 的改写、devServer 到 server 与 proxy 的映射，以及渐进迁移与常见坑排查。
构建工具的选型直接决定了前端开发的效率上限。Webpack 在过去十年里统治了打包生态，而 Vite 凭借原生 ESM 的方案彻底改写了开发体验。如果你正考虑在 Hugo 站点或前端项目中进行迁移，这篇文章将帮助你理解两者的本质差异、迁移路径以及潜在的坑。
系统性微前端技术指南：微前端架构模式（Module Federation / iframe / Web Components / qiankun / single-spa）选型对比、Webpack Module Federation 原理与配置、Vite Module Federation（@originjs/vite-plugin-federation）实战、公共依赖共享与版本冲突解决、跨应用通信、路由整合、样式隔离、qiankun 沙箱与快速启动、微前端 DevOps 与独立部署。附完整架构决策树。