基础命令
* 全局微萌脚手架 npm install wm-cli -g
* 创建新组件执行命令 weimeng init xxx (xxx代表组件名称)
* 下载所有公共组件命令 weimeng install packages
* 下载cli脚本代码命令 weimeng install cli
公共组件模板目录结构描述
├── README.md // help
├── src // 代码编写位置
├── webpack-config // 配置
│ ├── webpack-common.js // webpack 公共配置
│ ├── webpack-development.js // webpack 开发环境配置
│ └── webpack-production.js // webpack 打包环境配置
├── types // 经过tsc命令编译后的 typescript 代码位置
├── lib // 打包后静态文件的位置,main引入的位置
├── node_modules
├── .eslintrc.js // // eslint 配置文件
├── .prettierrc // prettier 配置文件
├── babel.config.js // babel 配置文件
├── tsconfig.json // typescript 配置文件
├── package.json
└── tools
公共组件模板脚本执行命令明细
* tsc 根据tsconfig配置执行typescript代码
* tsc-w 实时编译根据tsconfig配置执行typescript代码
* build 打包命令
* example 本地测试命令(example目录下 有例子)
* lint 按照.eslintrc.js检测src和example文件夹eslint规范
* lint-fix 按照.eslintrc.js规范修复src和example文件夹的js、ts、tsx文件
版本发布流程
1. npm whoami (查看当前账号)
1. npm login (如果非公司账号需用公司账号登录npm)
* 没有账号的可以取npm官网用公司邮箱进行注册
* 注册后请通知管理员@蔡雯多,拉入@wm-hosp组织才能对微萌的前端包进行上传操作
2. npm publish --access public(发布当前的包)
版本修改规范
Code Status |
stage |
rule |
例子 |
开始版本 |
new product |
从1.0.0开始 |
1.0.0 |
BUG修改 |
Patch Release |
改第三个参数 |
1.0.1 |
新增功能 |
Minor Release |
改第二个参数 |
1.1.0 |
大变动 |
Major Release |
改第一个参数 |
2.1.0 |