在本文中，我將引導您完成為 React.js 應用程式建立和發布 npm 套件的過程。
首先，執行以下指令：
這將產生一個基本的 React.js 應用程式/套件。執行命令後，您將看到以下項目結構：
在 src 資料夾中，您將找到一個index.js 檔案。
您可以直接在index.js檔案中建立函式庫元件，也可以在src資料夾中建立一個新的元件檔案並從index.js檔案中匯出它，如下所示：
如果您的元件使用 CSS，請務必將其匯入到您的元件檔案中。
接下來，如果您的專案中有 dist 資料夾，請將其刪除。若要測試您的元件是否正常運作，請導覽至 example/src 資料夾。
在 App.js 檔案中，匯入您的元件，如下所示。這與您將此庫作為 npm 套件包含在其他項目中的方法相同。
要執行應用程序，請執行以下命令：
cd react-loader && npm start
cd react-loader/example && npm start
測試您的庫後，就可以發布它了。
如果您已經為專案設定了儲存庫，只需推送最終變更即可。否則，請建立一個新的儲存庫並推送您的變更。
您還需要在專案的根目錄中建立一個 .npmignore 文件，其功能類似於 NPM 的 .gitignore 文件。它會阻止某些檔案和資料夾（如 node_modules、.git、.gitignore 等）發佈到 NPM 註冊表。
推送更改後，運行命令 npm login。系統會提示您在瀏覽器中開啟 NPM，您可以在其中登入您的帳戶或註冊（如果您沒有帳戶）。然後，執行 npmpublish，這會將您的 dist 資料夾發佈到 NPM，並使用 package.json 檔案中指定的版本。
軟體包發布後，您可以在 NPM 網站上查看它，方法是搜尋您的軟體包名稱或訪問您的個人資料，其中將列出您的所有軟體包。
關注更多你可以在這裡找到我
以上是在 React.JS 中建立 NPM 包的詳細內容。更多資訊請關注PHP中文網其他相關文章！
