0226 - 开源了自己折腾的 Vue 多页面框架

今天花了挺多时间研究 Vue 多页面，感觉还比较通用，自己之后也可能重复用到，就稍微整理下，放到 GitHub 上了：vue-multi-pages

说说背景和现状。

由于 Vue 原生是针对单页面设计的，vue cli 生成的项目也是单页面的；在单页面的前提下，很多配置都默认化了，开发者是无感的。而一旦拉出来成多页面，很多隐藏在内部的、之前开发者不需要知道的配置，都需要知道并修改。

再加上官方并没什么指导，网上各种新旧版本交织，所以学起来比较累，也很难界定哪种是最佳实践。如果能更多地阅读 Vue 源码，可能更容易判断；不过估计绝大多数人并没这个耐心和时间。

从技术上，大体有两种实现方式：通过 pages 和 router；后者其实本质上还是单页面，只是通过 router 使得表现上像是多页面，更彻底的还是 pages 方式。

我就不展开讲了，内行的直接看 代码 就都明白了。这里简单列出一些点：

• 支持多级目录
• 包含 router、vuex 示例
• 内置了全局 404 的大体实现
• 代码中暂未包含私有及公共 Component 的示例，不过应该容易实现
• 参考了 vue-multiple-pages，并在其基础上二次开发

说起来，不知道 Vue 3 会不会原生对多页面支持得更好，期待。

---

博客原文：0226 - 开源了自己折腾的 Vue 多页面框架