/multi-project-template

用一个代码库维护多个项目

Primary LanguageJavaScript

业务场景

经常会有一些相互独立的简单页面开发，当量多的时候，我们就需要一套工程化管理模式来解放我们的双手。

因为每一个独立页面的体量都不大，所以不太可能一个项目对应一套工程。所以我们需要的是一套能管理多个类似项目的模式，实现了一个工程管理多个项目。

Feature

  • 提供统一项目模板
  • 运行相关指令即可轻松创建项目
  • 运行相关指令即可本地预览开发项目，修改代码时支持实时刷新
  • 项目多页面支持
  • 区分预发及生产环境打包（生产环境使用cdn）
  • 支持 sass
  • 支持 less
  • 支持 react 项目
  • 支持 vue 项目

TODO

  • 打包优化（代码分割、公共代码提取）

Scripts

$ npm run create [projectName]          # 新建项目

运行以上命令后会复制模板项目template到src文件夹下，并重命名为projectName。

$ npm run dev [projectName]             # 本地开发
$ npm run build [projectName]           # 生产环境打包
$ npm run build:prod [projectName]      # 生产环境打包
$ npm run build:yufa [projectName]      # 预发环境打包

打包会将项目代码打包到deploy/[projectName]目录下，所有项目使用同一域名，不同项目以[projectName]链接路径加以区分

使用方法

1 运行npm run create [projectName]创建项目

2 运行npm run dev [projectName]进行本地开发

3 开发完毕后运行npm run build [projectName]进行打包，注：预发和生产环境打包指令不同

4 上预发/上线