日本免费高清视频-国产福利视频导航-黄色在线播放国产-天天操天天操天天操天天操|www.shdianci.com

學無先后,達者為師

網站首頁 編程語言 正文

npm publish 組件流程以及報錯總結

作者:漁倒到 更新時間: 2022-04-23 編程語言

想要在npm 上publish 自己的組件。

1.注冊賬號

可以在npm官網上注冊,
可以在命令行: npm adduser 之后輸入 username password email(注意email 注冊后需要打開郵箱確認,之后publish才不會報錯)

2.創建一個項目:

配置packege.json
“name”: 組件名稱,
“version”: “1.9.70”, 版本號
“private”: false, 一定要 false
“main”: “src/index/packages/index.js”, 入口文件

3. npm login 之后一次輸入 注冊的 username password email
4. 最后一步 npm publish
5.一般以下情況會報錯,導致發布失敗

(1)組件名稱重復(就是線上已經有人注冊過了)
(2)版本號重復
(3)登錄信息失效,重新登錄
(4)上邊說的,注冊郵箱沒有到郵箱里邊驗證通過
在這里插入圖片描述
在這里插入圖片描述
在這里插入圖片描述

6. package.json 配置說明
{
  // 發布的包名,默認是上級文件夾名。不得與現在npm中的包名重復。包名不能有大寫字母/空格/下滑線!
  "name": "#####",
  // 版本號,每次要更新
  "version": "1.0.0",
  // 包的描述
  "description": "僅供測試,別下載",
  // 文件入口,默認是 index.js,可修改
  "main": "index.js",
  "scripts": {
    // 測試命令,可以不填直接回車
    "test": "echo \"Error: no test specified\" && exit 1"
  },
  // 作者名稱
  "author": "###",
  // 包遵循的開源協議,默認是ISC
  "license": "ISC",
  // 因為組件包是公用的,所以 private 為 false
  "private": false,
  // 當前包需要依賴的第三方組件,如何安裝使用依賴包,可以看看文章頂部的NPM命令介紹文章
  "dependencies": {},
  // "devDependencies": {}
  // 指定代碼所在的倉庫地址
  "repository": {
    "type": "git",
    "url": "git+https://github.com/dengzemiao/DZMFullPage.git"
  },
  // bug在哪里提
  "bugs": {
     "url": "https://github.com/dengzemiao/DZMFullPage/issues"
  },
  // 項目官網的地址
  "homepage": "https://github.com/dengzemiao/DZMFullPage",
  // 指定打包后,包中存在的文件夾
  "files": [
    "dist",
    "src"
  ],
  // 指定了項目的目標瀏覽器的范圍
  "browserslist": [
    "> 1%",
    "last 2 versions",
    "not ie <= 8"
  ],
  // 項目關鍵詞,供搜索
  "keywords": [
    "測試"
  ]
}

原文鏈接:https://blog.csdn.net/weixin_38500689/article/details/115748139

欄目分類
最近更新