Webpack 微应用 vs Vite 微应用:从 __webpack_public_path__ 到 vite-plugin-qiankun
在微前端场景中,qiankun
让我们能够将多个前端应用整合成一个整体。传统的微应用实现通常使用 Webpack,而近两年 Vite
因其快速构建和现代特性,也逐渐成为微应用的新选择。本文将深入对比这两种方式,并解释 为什么在 Vite + vite-plugin-qiankun
中不需要手动设置 __webpack_public_path__
。
👉 为方便大家快速上手实践,本文提供了 Qiankun 微应用子应用完整代码 ZIP 包(基于 Webpack + Vue CLI 构建),可直接下载运行体验微前端效果:
-
Webpack 微应用示例:ZIP 包内包含基于 Vue CLI 的子应用完整配置,可直接启动体验
__webpack_public_path__
动态修改效果。 -
Vite 微应用示例:配置方式请参考我的另一篇博客:Vite + Qiankun 微应用完整示例,本文不再赘述。
💡 小贴士:通过下载 ZIP 包,你可以直接调试 Webpack 子应用在主应用下的挂载、卸载和资源路径管理,