课程章节:
第二周 第二章 2-10 脚手架命令注册和参数解析
第二周 第二章 2-11 脚手架项目发布
第二周 第三章 3-1 本章的收获是什么,难点是什么?
第二周 第三章 3-2 原生脚手架开发痛点分析
第二周 第三章 3-3 本章重点:lerna简介及脚手架开发流程
课程讲师: Sam、张轩
课程内容:
2-10 脚手架命令注册和参数解析
- 注册一个命令,init
- 解析参数,–version
monster-test/bin/index.js
#!/usr/bin/env node
const lib = require('monster-test-lib')
const argv = require('process').argv
const command = argv[2];
const options = argv.slice(3);
if (options.length > 1) {
let [option, param] = options;
option = option.replace('--', '')
console.log(options, option, param)
if (command) {
if (lib[command]) {
lib[command]({ option, param })
} else {
console.log('请输入正确的命令')
}
} else {
console.log('请输入命令')
}
}
if (command.startsWith('--') || command.startsWith('-')) {
const globalOption = command.replace(/--|-/g, '');
if (globalOption === 'version' || globalOption === 'V') {
console.log('1.0.0');
}
}
monster-test-lib/lib/index.js
module.exports = {
init ({ option, param }) {
console.log('执行init流程', option, param)
}
}
2-11 脚手架项目发布
发布步骤
- 先将两个项目分别
npm unlink
,删除本地项目的全局注册 - 修改项目版本号
npm publish
发布 - 在没有本地项目的目录下安装
npm install -g monster-test
- 测试安装的monster-test命令
3-1 本章的收获是什么,难点是什么?
- 如何去管理一个复杂的JavaScript项目
- Lerna简介
- Lerna源码分析
- Lerna源码精读
- 基于Lerna设计简历
3-2 原生脚手架开发痛点分析
痛点一:重复操作
- 多Package本地link
- 多Package依赖安装
- 多Package单元测试
- 多Package代码提交
- 多Package代码发布
痛点二:版本一致性
- 发布时版本一致性
- 发布后相互依赖版本升级
Package越多,管理复杂度越高
3-3 本章重点:lerna简介及脚手架开发流程
Lerna简介
Lerna是一个优化基于git+npm的多package项目管理工具。
优势
- 大幅减少重复操作
- 提升操作的标准化
Lerna是架构优化的产物,它揭示了一个架构的真理:项目复杂度提升后,就需要对项目进行架构优化。架构优化的主要目标往往都是以效能为核心。
官网
案例
使用Lerna管理的大型项目
- babel:https://github.com/babel/babel
- vue-cli: https://github.com/vuejs/vue-cli
- create-react-app: https://github.com/facebook/create-react-app
Lerna 开发脚手架流程(重点)
课程收获:
今天开始体系课学习,课程买了好久了,从今天开始我要一步步把它学完!感谢慕课网开设了这个课程,让我有了更好的提升!前端架构师之路从此开启,好好学习,天天向上!
课程截图:
点击查看更多内容
为 TA 点赞
评论
共同学习,写下你的评论
评论加载中...
作者其他优质文章
正在加载中
感谢您的支持,我会继续努力的~
扫码打赏,你说多少就多少
赞赏金额会直接到老师账户
支付方式
打开微信扫一扫,即可进行扫码打赏哦