如何簡單的發布一個react組件npm包

一.可以簡單使用https://www.npmjs.com/package/create-component-lib這個npm進行發布

該包的具體的實現方式https://hackernoon.com/creating-a-library-of-react-components-using-create-react-app-without-ejecting-d182df690c6b

該教程中更正點

1. npm install --save-dev @babel/core @babel/cli @babel/preset-env
我只安裝@babel/cli的時候npm run build 會失敗
2. npm publish

二.最后，修改下 package.json 里的相關信息，比如組件的版本號，關鍵詞，git 倉庫等等，最重要的一點，把 react 和 react-dom 這兩個依賴移到 peerDependencies 里去，這樣不會導致依賴重復解析的問題。

三.如果要刪除你發布的包

npm unpublish name@version

npm adduser 根據提示進行操作

四.用 Github Pages 托管 demo

如果你的項目是一個 UI 組件，那么最好你可以提供一個在線預覽的地址，這樣他人可以直觀的看到運行效果，也會為你的項目加分不少。假設我們打包后靜態 demo 的目錄是在 dist 下面，里面包含一個 index.html 模板和一個 index.js 入口，運行 npm install --save-dev gh-pages，這是一個可以將我們的代碼推到 gh-pages 分支的包。然后在 package.json 里添加以下腳本：

{
  "scripts": {
    "deploy": "gh-pages -d dist"
  }
}

運行 npm run deploy 就可以把 demo 發布到 Github Pages 上去了。(比如：https://luguiqing.github.io/blog/)

 注意：Github Pages不支持post請求；GitHub頁面只能提供靜態內容