2023年12月8日发(作者:)
前端脚手架搭建(一):lerna使用
npm初始化
新建文件夹spring-breeze,在集成终端输入
npm init -y
根目录会生成:
{
"name": "spring-breeze",
"version": "1.0.0",
"description": "",
"main": "",
"scripts": {
"test": "echo "Error: no test specified" && exit 1"
},
"keywords": [],
"author": "",
"license": "ISC"
}
安装lerna
全局安装lerna
执行:npm i lerna -g
安装完成后执行:lerna init
执行完成后后出现这样的目录结构
- packages(目录)
- (配置文件)
- (工程描述文件)
初始化两个package
默认情况下,package是放在packages目录下的.创建包可以使用命令lerna create
lerna create core packages/core
lerna create core packages/tools
或者手动创建,这里采用手动创建
在packages新建两个package(包)文件:core和tools并分别执行:npm init -y
修改core和tools中packages的main:bin/
分别在core和tools新建bin/
#!/usr/bin/env node
("我是tools包~~")
#!/usr/bin/env node
("我是core包~~")
此时目录结构为
-- packages(目录)
-- core
-- bin
--
- tools
-- bin
--
- (配置文件)
- (工程描述文件)
安装第三方包lerna add
添加公共依赖
在根目录下执行(在哪个目录执行都一样):lerna add lodash
此时会发现core和tools都被安装了lodash
添加单独依赖
lerna add jquery --scope=core
core就会被安装了jquery
删除依赖lerna clean
执行lerna clean会删除所有包中的node_modules
安装所有依赖lerna bootstrap
执行lerna bootstrap会重新安装所有依赖
发布前准备
注册npm账户
新建组织spring-breeze(根据自己项目而定)
分别修改core和tools中中name为:@spring-breeze/core、@spring-breeze/tools防止重名
执行npm login
分别在core和utils下的中配置
"publishConfig": {
"access": "public"
}
新建gitignore
*node_modules
新建git仓库,将项目git remote add "你的git仓库",并且提交项目至git仓库
git remote add /geeksdidi/
git add .
git commit -m "初始化"
git push -u origin master
新建(不加会报错)
修改一个文件执行 lerna publish
查看已发布的package
登陆npm官网 即可看到自己发布的package


发布评论