網頁

2020/12/21

HOWTO UPDATE NPM PACKAGE


 

在開發專案時或多或少會採用 3rd party 套件進行開發,當套件出現問題時我們會有以下選擇:

  1. 裝作沒看到它,忽視。
  2. 自行開啟原始碼修復。
  3. 等待廠商更新來修復這些問題。

1 和 2 選項都很好,但我個人偏好採用第 3 項, 專業分工是我的中心思想,但問題來了,該如何自行更新,又或是如何檢查專案,按步驟說明如下:

在專案目錄中檢查已過期的套件 - NPM OUTDATED

使用 npm outdated 可以輸出專案所使用到且有最新版本的套件清單,接著就可以進行套件升級的動作。


將套件升級到最新版本

使用 npm install [PackageName]@latest 指令可以將套件更新到最新版本。

 

 

 

 

再簡單一點可以使用:

npm update --save/--save-dev -f

就完成所有套件的更新。


更新後出現套件版本不相容的情形

再次執行後可能會出現異常,以上圖為例,更新套件後發現與專案的 sass 套件版本衝突的問題,這裡我選擇採用降版的方式解決此問題。

進行套件版本降版

使用 npm:

  1. npm uninstall node-sass
  2. npm install node-sass@4.14.1


使用 yarn:

  1. yarn remove node-sass
  2. yarn add node-sass@4.14.1


通常升版還會有元件衝突或跑版的問題產生,所以在做這些步驟前記得要先備份,以免意外發生。

以上資訊和各位分享,謝謝大家收看!


See also

沒有留言:

張貼留言