在 npm 项目中使用公共文件夹

Question

我有一个有多个客户的 vue 项目。客户端都有类似的组件，我将它们保存在“common”文件夹中：

clients
-- client1
---- ...
-- client2
---- ...
-- client3
---- ...
-- common
---- imports.js
---- ...

现在每个项目都有自己的 package.json 和 node_modules，如果我需要安装公共依赖项，我只需将其安装在“common”中并将其导入客户使用的“common\imports.js”中。

我在 webpack 中还有一个别名 "common": "../common" 来导入常用文件。

一切正常，但问题是某些包（如“vue”、“vuex”）存在于“common”的 node_modules 和客户端中，并且被加载了两次。

如何将 common 文件夹添加到客户的 node_modules 中，这样他们就不会复制同一库的版本？

Answer 1

我在这个问题中写了我如何将所有客户链接到我的公共库：

Webpack using wrong node_modules folder

关于重复库错误，我在答案中写了我是如何克服它的。