脚手架架构设计和框架搭建 - 框架搭建

Lerna简介

原生脚手架开发痛点分析

·痛点一:重复操作

        多 Package 本地 link

        多 Package 依赖安装

        多 Package 单元测试

        多 Package 代码提交

        多 Package 代码发布

·痛点二:版本一致性

        发布时版本一致性

        发布后相互依赖版本升级

package越多,管理复杂度越高

Lerna简介

Lerna 是一个优化基于 git + npm 的多 package 项目的管理工具。

优势

·大幅减少重复操作

·提升操作的标准化(减少排查错误的时间)

【上面两项 是 架构师核心思考点】

【Lerna 是架构优化的产物,它揭示了一个架构真理;项目复杂度提升后,就需要对项目进行架构优化。架构优化的主要目标往往都是以效能为核心】

官网

https://lerna.js.org/

Lerna 开发脚手架流程(划重点)

步骤一:脚手架项目初始化

        初始化 npm 项目、安装 lerna、lerna init 初始化项目

步骤二:创建 package

        lerna create 创建 Package、lerna add 安装依赖、lerna link 链接依赖

步骤三:脚手架开发和测试

        lerna exec 执行 shell 脚本、lerna run 执行 npm 命令、lerna clean 清空依赖、lerna bootstrap 重装依赖

步骤四:脚手架发布上线

        lerna version  bump version、lerna changed 查看上版本以来的所有变更、lerna diff 查看diff、lerna publish 项目发布

基于 Lerna 搭建脚手架框架

// .gitignore 文件
.vscode
.idea
node_modules
packages/**/node_modules
lerna-debug.log
@imooc-cli-dev/core
@组织名/package名
现在npm网站上注册 组织名,再发包,不然发不上去。

Lerna 核心操作

Lerna 发布流程

发布之前,要对 版本号version 进行升级。

git checkout -- lerna-debug.log
//丢弃工作区的改动
//package.json中
"publishConfig": {
    "access": "public"
}

你可能感兴趣的:(前端架构师,前端,架构)