前端脚手架搭建(二):脚手架拆包策略

脚手架package一般拆分为:核心流程core、命令commands、模型models和支撑模块utils

核心流程:core

命令:commands

  • 初始化
  • 发布
  • 清缓存

模型models

  • Command命令
  • Project项目
  • Components组件
  • Npm模块
  • Git仓库

支撑模块utils

  • Git操作
  • 云构建
  • 工具方法
  • Api请求

原有目录调整

文件调整目录如下:

- spring-breeze
  - commands
  - core
    - core
      - bin
        - index.js
      - lib
        - core.js
      - node_modules
      ...
  - models
  - utils
    - tools
      ...
  .gitignore
  lerna.json
  ...

因为core将不再作为工具包而是cli入口文件,所以在core中的package.json添加bin属性,修改如下:

{
  "name": "@spring-breeze/core",
  "version": "0.0.4",
  "description": "",
  "scripts": {
    "test": "echo \"Error: no test specified\" && exit 1"
  },
  "bin": {
    "spring-breeze-cli": "bin/index.js"
  },
  "keywords": [],
  "author": "",
  "license": "ISC",
  "dependencies": {
    "@spring-breeze/tools": "^0.0.4",
    "jquery": "^3.6.0",
    "lodash": "^4.17.21"
  },
  "publishConfig": {
    "access": "public"
  },
  "gitHead": "2afb10960470792464538183b89ab01f69e436af"
}

进入core执行 npm link;然后执行spring-breeze-cli

PS F:\spring-breeze\core\core> spring-breeze-cli
我是core包.
我是tools包~~1

这样一个spring-breeze-cli脚手架目录结构就大致完成了

你可能感兴趣的:(前端脚手架搭建(二):脚手架拆包策略)