使用共享代码分离前端和后端的 package.json答案

【问题标题】：Separating package.json for frontend and backend with shared code使用共享代码分离前端和后端的 package.json
【发布时间】：2017-05-08 17:58:32
【问题描述】：

我有一个项目，它有一个单独的前端 (webpack) 和后端 (express/mongodb)他们。如何组织我的文件结构，以便我可以适当地分离它们的依赖关系。

现在这是我的文件结构，前端和后端共享相同的node_modules

app
|
| - frontend
|    | - index.js
|    | - src
|
| - backend
|    | - index.js
|    | - models
|    | - api
|    | - statics (webpack builds into here)
|
| - lib
|    | - logic here (may require npm dependency)
| 
|- package.json
|- webpack.config.js

如果它们都不需要 lib 目录，我可以轻松地将它们分成 2 个 npm 项目，但这基本上意味着我必须将代码复制到两个文件夹中。有没有更好的方法来实现这一点？

【问题讨论】：

标签： javascript npm project-organization

【解决方案1】：

我最终将我的项目变成了一个 monorepo，并使用 https://lernajs.io/ 连接它们。将每个文件夹作为一个单独的 npm 项目。

我发现的缺点是包安装过程 (npm install) 需要更长的时间，因为每个子项目都需要单独安装，其中许多包含重复的包。

【讨论】：

你可以尝试使用lerna的提升选项。