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

學(xué)無(wú)先后,達(dá)者為師

網(wǎng)站首頁(yè) 編程語(yǔ)言 正文

npm publish 組件流程以及報(bào)錯(cuò)總結(jié)

作者:漁倒到 更新時(shí)間: 2022-04-23 編程語(yǔ)言

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

1.注冊(cè)賬號(hào)

可以在npm官網(wǎng)上注冊(cè),
可以在命令行: npm adduser 之后輸入 username password email(注意email 注冊(cè)后需要打開(kāi)郵箱確認(rèn),之后publish才不會(huì)報(bào)錯(cuò))

2.創(chuàng)建一個(gè)項(xiàng)目:

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

3. npm login 之后一次輸入 注冊(cè)的 username password email
4. 最后一步 npm publish
5.一般以下情況會(huì)報(bào)錯(cuò),導(dǎo)致發(fā)布失敗

(1)組件名稱重復(fù)(就是線上已經(jīng)有人注冊(cè)過(guò)了)
(2)版本號(hào)重復(fù)
(3)登錄信息失效,重新登錄
(4)上邊說(shuō)的,注冊(cè)郵箱沒(méi)有到郵箱里邊驗(yàn)證通過(guò)
在這里插入圖片描述
在這里插入圖片描述
在這里插入圖片描述

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

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

欄目分類
最近更新