日常隨筆 發布乙個npm包

2021-10-01 02:37:04 字數 1247 閱讀 2388

1. 編寫乙個簡單的math庫

// math.js


const


square


= x => x **2;


const


cube


= x => x **3;


export


const mymath =


;
// date.js


const


paddatetime


= x =>


catch


(error)}


;export


const mydate =


;
// index.js入口檔案


import


from


'./math'


;import


from


'./date'


;export


;
2. npm註冊

直接去npm官網進行註冊即可

3. webpack配置

externals如果有一些匯入的包不想打包在自己的庫中，依賴外部包可以進行配置

配置完之後進行webpack進行打包

webpack --config webpack.config.js
4. 配置發布package.json

5. 優化

略6. 發布流程

# 完成git上的**提交流程後執行下面的步驟


# npm登入　輸入登入資訊


npm login


# 如果用的是**源先切回npm源


npm config set registry 


# 接入npm


npm adduser


# 發布


7. 測試包匯入


yarn add bad-egg-tools
發現可以正常匯入, 並且使用，大功告成啦～


參考**已經上傳: github**


從0開始發布包


webpack配置文件
				
npm發布乙個包
我們已經實現了路由的自動化構建，但是我們可以看到，一大串 懟在裡面。當然你也可以說，把它封裝在乙個js檔案裡面，然後使用require autoroute.js 給引入進來，那也行。但是，為什麼不把心放大一點呢？比如說，我們把它做成乙個npm包！最初自己做的時候就是這種直接引入封裝的js檔案裡，可以...

				
發布乙個npm包
我這裡是寫了乙個vue輪播圖外掛程式，因此我使用了vue的腳手架工具建立乙個專案，當然你也可以選擇自己搭建腳手架。本例中我會使用vue腳手架建立乙個專案，並發布到npm上面去。全域性安裝 首先，要建立專案，封裝vue的外掛程式用webpack 很合適，因此你需要全域性安裝 vue cli init外...

				
如何發布乙個 npm 包
在工作時，突然接到經理的乙個要求，需要將乙個react的高階元件函式封裝成乙個npm包。之前從沒弄過，當場還是有些懵逼的，但是這畢竟是工作，不能推脫。於是開始了學習 湯坑之旅。最終包發布，線上專案成功使用，雖然導致了一次線上故障，但還是快速地fix掉。吃一塹長一智，記錄一下整個發布的過程和遇到的一些...