處理 npm 包依賴關系的最佳方法？

Question

我正在嘗試將幾個 Vue.js 組件從主應用程序拆分為存儲在存儲庫中的 npm package。 然后可以導入此 package 並在兩個單獨的站點上使用。 我正在使用 Webpack 來捆綁所有內容，但對應該使用的布局有一些疑問。

看到 Vue.js 和 Vuex 之類的東西將作為依賴項安裝在主應用程序上，我知道 package 一旦安裝在兩個主應用程序上就可以訪問這些內容。

我的主要困惑是如何處理僅屬於 package 的依賴項，我是否將其捆綁為 webpack 的一部分並將運行npm install在應用程序上是否會自動安裝依賴項？ 這些東西有通用標准嗎？

Answer 1

最簡單的做法是在package.json的dependencies項部分列出它們。 您正在使用的 package 管理器工具（通常是npm或 'yarn`）將負責刪除依賴項，因此如果您的父應用程序和子項目都具有相同的依賴項，那么您最終只會在最終捆綁。

我強烈建議您在組件項目中的版本號比在父項目中更寬松。 因此，在父項中，您可能會說依賴項是"vue": "1.2.3" ，而在組件項目中，它是"vue": "^1.1.0"或類似的東西。 這樣，父級可以控制特定版本，並且您的組件從父級獲取實際版本。