lerna管理packges的日常使用

准备工作

要使用先安装(全局)

npm i lerna -g

安装之后注册npm,登录npm(如果你还没下载npm,可以不用看了)
登录之前,要改变npm正确的登录地址(地址是自己创建npm库时设置的)

npm set registry http://47.103.72.200:4873
npm login

lerna管理packges的日常使用_第1张图片
登录之后加入也行,

npm adduser --registry http://47.103.72.200:4873

正式流程

创建一个新的包

lerna create @scf/ding-userinfo

lerna管理packges的日常使用_第2张图片
依次往下配置,分别是
package name: 包名称,
version: 版本号
description:简单描述包的作用
keywords: 关键字 (可以不填

homepage: 可以不填
license: (ISC)
entry point: 入口文件 (用过webpack打包工具就应该知道)
git repository: git仓管地址
会根据填写内容来创建packag.json

根据实际需求修改包内容,并修改package.json内容
由于我是vue项目,所以适当修改创建入口文件ding-userinfo.vue
lerna管理packges的日常使用_第3张图片
删掉lib文件内容,因为我不需要这个入口文件了,同时修改package,json里面的目录配置

  "directories": {
    "lib": "lib",
    "test": "__tests__"
  },
    "files": [
    "lib"
  ],

改为

  "directories": {
    "test": "__tests__"
  },
    "files": [],
  "main": "ding-userinfo.vue"//如果更改了入口文件,需要在package.json里面更改

为包@scf/ding-userinfo安装依赖@scf/ding-style-less

lerna add @scf/ding-style-less --scope=@scf/ding-userinfo

查看package.json确认已经安装好依赖

  "dependencies": {
    "@scf/ding-style-less": "^0.2.3"
  }

当你完成包代码的创作时,先提交github,再
lerna publish将包推送到npm上去

你可能感兴趣的:(前端必备知识)