管理员/后端和前端作为一个项目或单独的项目

Question

我正在开发与reactjs的前端为一个相当大的项目，它有两个主要接口。主站点的前端和管理员的前端。

我应该开发这些作为两个不同的项目或reactjs中的一个项目。如果我把这些作为两个独立的项目来构建，我很清楚这意味着我将不得不在这两个项目上做大量的重复代码。所以我想我应该把它看作一个项目如下。

客户（项目文件夹）

• 应用程序/主
• 应用程序/管理

如果我开发这个作为一个项目怎么做不同的前端到不同的子路径域如果它位于一个项目文件夹中。

• example.com - 主前端
• admin.example.com - 管理前端

Answer 1

这是好到有管理和公共场所的共享代码库。但是你需要为它们生成不同的js/css包。因此，您的公开index.html包括类似public.js和public.css。管理员使用admin.js和admin.css。公共文件包含所有共享功能和仅在公共站点上使用的内容。管理员也一样。

做出这种分离可以显着减小文件大小，因为典型的管理应用程序包括一些图表，富文本编辑器，css框架和其他可能影响您公共站点加载速度的东西。

要实现与您可能使用的webpack分开捆绑，您需要创建一些独立的入口点。

的文档 - https://webpack.github.io/docs/multiple-entry-points.html

此外，您将需要使用不同的反应，路由器的设置和Redux的商店（如果你使用的）。但是可以共享表示组件和实用程序。