Angular2有两个前端管理员和站点

Question

我正在使用angular-cli开发一个应用程序。该应用程序有两个前端 - 网站和管理员。两者都有不同的资产。

在管理员打开时仅加载管理员资源。 在网站打开时仅加载网站资源。 我怎么能这样做？ 目前我正在使用这种结构。

Answer 1

一种方法是使用asynchronous-routing延迟加载，另一种方法是从同一代码库有条件地构建两个应用程序。

Answer 2

方式1

我建议您将两个应用程序分开创建，您可以在IDE的单个工作区中保留，但为两个站点保持单独的启动和配置。因为管理员站点和用户站点始终具有不同的外观和功能。我们需要用户网站的许多工具，但管理网站不需要，管理网站也需要。而且这两个网站都有不同的安全点。

根据我的理解，如果您可以将两个网站分开，这将非常有用。

因此，请将两个应用程序和托管在同一个域中的两个站点。您可以使用url rewrite在同一个域上托管这两个站点。这将在同一个域中看作单个应用程序，但两个应用程序在IDE中分开。所以你可以轻松管理。

方式2

但如果你的要求没有满足于制作不同的应用程序并且你想在单个应用程序上创建两个站点，那么为用户站点制作两个模块，为管理站点制作第二个模块。两个模块都有自己的路由，并在主模块中通过延迟加载注入该模块，引导您的应用程序。

Answer 3

请参阅以下链接以分隔您的路由并异步加载

https://www.npmjs.com/package/angular2-async-route-loader

您可以全局加载样式而不会出现任何问题。 HTML将相应地采用样式。