VUE-CLI-MUILT-PAGE VUE多页开发构建插件

该插件为vue-cli3的cli-plugin。插件依托于vue-cli3运行环境，在使用vue-cli3的vue create project创建好项目后在项目根目录下执行 vue add vue-cli-multi-page 来安装此插件，安装完毕后会自动修改项目目录为多页开发环境。
新建开发模块使用 npm run add module
本地启动开发模块 npm run serve module
本地构建一个模块 npm run build module
本地构建多个模块 npm run build m1 m2 m3...
本地构建所有模块 npm run build

要求的项目结构

src  // 源码目录
│  ├─assets // 资源目录
│  │      logo.png
│  │
│  ├─components // 公用组件库
│  │      Hello.vue
│  │
│  └─modules // 多模块目录
│      ├─m1 // 模块1 （结构类似vue官方开发目录结构）
│      │  │  App.vue // 根路由页面
│      │  │  index.html // 启动文件
│      │  │  main.js // 根配置文件
│      │  │
│      │  ├─assets // 资源目录
│      │  │      logo.png
│      │  │
│      │  ├─components // 组件目录
│      │  │      Hello.vue
│      │  │
│      │  └─router // 路由目录
│      │          index.js
│      │
│      └─m2  // 模块1 （结构类似vue官方开发目录结构）
│      │  │  App.vue // 根路由页面
│      │  │  index.html // 启动文件
│      │  │  main.js // 根配置文件
│      │  │
│      │  ├─assets // 资源目录
│      │  │      logo.png
│      │  │
│      │  ├─components // 组件目录
│      │  │      Hello.vue
│      │  │
│      │  └─router // 路由目录
│      │          index.js

以下是该插件的愿景（最终完成目标）

1.在vue-cli3项目中使用该插件 ✅

在插件安装后会自动修改项目目录结构为该插件要求的运行环境（参见要求的项目结构）
注意：目前还不支持自动修改项目目录结构 ❌

vue add vue-cli-plugin-multi-page 

或者你可以可以这样做
1.列表内容先clone本项目到本地
2.按该插件要求修改项目目录结构
3.在项目package.json文件中引入本插件
4.在本地开发模式中使用npm run add modulue 命令可能会出现找不到vue-cli-plugin-multi-page路径的问题，先使用vue add vue-cli-plugin-multi-page 解决

  # pageckage.json

  { ...

    ,"vuePlugins": {
      "service": ["../vue-cli/vue-cli-multi-page"]
    }
  }

2.新建模块 ✅

npm run add [module]

3.本地启动模块 ✅

npm run serv [module] 

4.构建一个或者多个模块 ✅

npm run build [module] [m2] [...]

5.构建所有模块 ✅

npm run build