前端脚手架搭建(一):lerna使用

npm初始化

新建文件夹spring-breeze,在集成终端输入
npm init -y
根目录会生成package.json:

{
  "name": "spring-breeze",
  "version": "1.0.0",
  "description": "",
  "main": "index.js",
  "scripts": {
    "test": "echo \"Error: no test specified\" && exit 1"
  },
  "keywords": [],
  "author": "",
  "license": "ISC"
}

安装lerna

全局安装lerna
执行:npm i lerna -g
安装完成后执行:lerna init
执行完成后后出现这样的目录结构

- packages(目录)
- lerna.json(配置文件)
- package.json(工程描述文件)

初始化两个package

默认情况下，package是放在packages目录下的.创建包可以使用命令lerna create <name> [loc]
lerna create core packages/core
lerna create core packages/tools
或者手动创建,这里采用手动创建
在packages新建两个package(包)文件:core和tools并分别执行:npm init -y
修改core和tools中packages的main:bin/index.js
分别在core和tools新建bin/index.js

#!/usr/bin/env node
console.log("我是tools包~~")

#!/usr/bin/env node
console.log("我是core包~~")

此时目录结构为

-- packages(目录)
  -- core
    -- bin
      -- index.js 
  - tools
    -- bin
      -- index.js 
- lerna.json(配置文件)
- package.json(工程描述文件)

安装第三方包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中package.json中name为:@spring-breeze/core、@spring-breeze/tools防止重名
• 执行npm login
• 分别在core和utils下的package.json中配置

 "publishConfig": {
    "access": "public"
  }

• 新建gitignore

*node_modules

• 新建git仓库,将项目git remote add "你的git仓库",并且提交项目至git仓库

git remote add https://gitee.com/geeksdidi/spring-breeze.git  
git add .   
git commit -m "初始化"
git push -u origin master

• 新建LICENSE.md(不加会报错)
• 修改一个文件执行 lerna publish

查看已发布的package

登陆npm官网 即可看到自己发布的package