Vue多页面多系统应用构建
Vue 的多页面多系统开发，思路其实挺清晰。把每个系统当成一个小型 SPA，入口出口各自分开，互不干扰。目录结构上，把所有系统放同一层级，方便统一管理。公共组件往外放，系统内部的组件自己封装，这样复用起来比较顺手。
入口配置用多页面的方式来做，多加几个 entry 和 HtmlWebpackPlugin 就能搞定。每个系统有自己的 路由、Vuex，互不干扰，开发体验也不会差。还挺适合那种有多个类似后台系统的项目，比如权限管理系统 + 订单系统 + 数据看板啥的。
而且，公共组件放在最外层的 components 文件夹里，像 分页组件、权限按钮、弹窗 这种，多个系统都能直接用。想复用样式，也可以整一个统一的 styles 目录，写点 全局变量、mixin 之类的。
，如果你用 Vue 开发，有多个类似系统需要集成成一个项目，又不想搞成一个超大的单页应用，这种方式还挺香的。逻辑清晰、扩展方便，组件还能多系统共用。具体配置可以参考这篇：vue 如何搭建多页面多系统应用。
文件大小：128.91KB
评论区