在通用/同构应用程序中组织package.json依赖项

Question

使用React和其他框架,现在通常使用npm和package.json来安装您将在前端使用的库.如果您正在开发通用/同构应用程序,这会引入前端和后端的依赖项存储在同一文件中的问题,从而创建一个大规模的依赖项列表.

如果你使用npm --save/ - save-dev两种类型的依赖项(前端,后端)变得混合,很难知道,而不是一个接一个地使用哪一个.

除了手动排序和管理依赖列表之外,还有什么方法可以使列表保持整洁？您管理依赖项列表的策略是什么？

Answer 1

在通用/同构应用程序中，您可能几乎没有纯粹前端或纯粹后端的依赖项；大多数依赖项是共享的。

我想到的一个选择是使用多个package.json：

• 一种用于同构依赖项（react、redux 等）和实用程序依赖项，例如构建系统（babel、webpack 等）、任务运行程序（gulp、cross-env）、测试（karma）等；
• 一种用于纯粹的前端依赖；
• 一种用于纯粹的后端依赖项。

我自己没有使用过这个结构，我不确定它会比单个结构更易于维护package.json，因为你必须管理更多的东西（如果你添加 npm-shrinkwrap ，它的文件数量会增加两倍）。