最近有个需求需要将管理系统A（使用vue编写）中的页面迁移到另一个系统B(使用easyui开发)中,经过查阅文档,具体实现步骤如下：

一、拆分

将需要迁移的页面按照入口文件main.js、组件页xxx.vue、路由对应的router、vuex对应的store等进行拆分（如果xxx.vue页面不涉及vuex和router则这两个文件可以不写） 目录结构如下图所示（文件名可随意取）：

二、配置

在 multi-page 模式下构建应用。每个“page”有一个对应的 JavaScript 入口文件。其值应该是一个对象，对象的 key 是入口的名字，value 是：

• 一个指定了 entry, template, filename, title 和 chunks 的对象 (除了 entry 之外都是可选的)；
• 或一个指定其 entry 的字符串。 故在vue.config.js中进行如下配置：

三、效果

参考链接：
# 多页面配置参考