npm 发布自己的组件库

npm 发布组件库步骤

第一步:注册 npm 账号

第二步:编写自己的组件库

第三部:编写 package.json

  • 可以通过命令生成
npm init

{
  "name": "要发布 组件库的名字",
  "version": "版本号:每次发布版本好都需要更新",
  "description": "组件库 简介",
  "keywords": [搜索关键词],
  "main": "lib/mylib.umd.ts", // 文件入口
  "module": "lib/mylib.js",
  "exports": { // 引入包的方式
    ".": {
      "import": "./lib/mylib.js"
    },
    "./*": "./*"
  },
  "scripts": {
    "test": "echo \"Error: no test specified\" && exit 1"
  },
  "repository": {
    "type": "git",
    "url": "关联组件库 git 地址"
  },
  "peerDependencies": {
    "vue": "^3.2.0"
  },
  "publish": true,
  "dependencies": {
    "element-plus": "^2.6.3"
  }
}

第四步:编写组件库并打包

第五步:发布

npm adduser --registry=https://registry.npmjs.org/ 要发布的源地址
// 根据提示输入 账号- 密码 - 邮箱 等相关信息
npm publish --registry=https://registry.npmjs.org/ 发布到 npm 
// 发布成功后可以通过 npm search 查看是否已更新 (发布成功后可能会存在延迟更新)
npm search 你的包名 

npm install 你的包名@最新版本好即可下载最新包
posted @ 2024-04-04 14:59  影的记忆  阅读(170)  评论(0编辑  收藏  举报