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 [loc]

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