vue-multiple-cli

create mutiple page by vue-cli4.5.15

基于vue-cli4.5.15搭建的多页面应用，主要是将src目录下单文件应用改成多模块的应用，使其一个脚手架可以开发多个互不影响的模块，同时又可以共用一些公共组件和方法。

安装使用

git clone [email protected]:LewisLen/vue-multiple-cli.git
npm install
# 这里是以逗号或者分隔模块名称
npm run dev -- --module vip,page
npm run dev -- --module vip_page
# 模块打包
npm run build -- --module vip,page
npm run build -- --module vip_page
# 全量devServe
npm run serve
# 全量打包
npm run build

多模块应用构建

构建多模块应用的关键就是module.exports中的pages关键词，最终需要把pages变成下述格式

pages:{
  vip: {
    entry: './src/modules/vip/main.js',
    template: './public/index.html',
    filename: 'vip.html'
  },
  page: {
    entry: './src/modules/page/main.js',
    template: './public/index.html',
    filename: 'page.html'
  }
}

执行几个模块编译需要借助argv获取命令行中的参数，通过--后边添加参数，以下划线(_)或者逗号(,)进行分割，可以指定多个部分模块进行编译打包。

如果有.DS_Store文件，可以执行sudo find . -name "*.DS_Store" -type f -delete命令来删除