处理 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"或类似的东西。 这样，父级可以控制特定版本，并且您的组件从父级获取实际版本。