所以我一直在构建一个 Angular 9 应用程序，其中有一个客户仪表板来管理他们保存在服务器上的模板。这些模板可以通过激活系统在不同的设备上查看，以便将设备绑定到用户。
因此，假设https://templates.com我们有/login, /dashboards,/manage以及来自查看和编辑数据的子路径。在这个 url 上，我们/:companyName在这个路径上也有它请求一个模板，其中包含带有插值字符串的 html，还有 css，它将被动态加载。
到目前为止，由于alarm9k 的帖子，我能够实现这一目标。
此解决方案出现的唯一问题是，在构建应用程序时，您无法使用ng build --prod，因为 using--prod将不起作用，因为 AOT 中不包含角度编译器，因此您被困在 JIT 中。
这将导致更大的应用程序，在我的情况下，大小几乎是 42MB。所以我想减小文件大小，因为这会极大地影响应用程序的延迟。我一直在查看应用程序和 atm 的统计信息，它的延迟 http p95 延迟为 1.2 秒，http 平均延迟为 340 毫秒。
当使用不同的网站速度测试并选择英国作为测试应该运行的地方。我得到的加载时间值在 600-900 毫秒左右。检查多个位置时，它给了我 5 秒的平均加载时间。
问题：
所以我想知道是否有办法将应用程序拆分为 2，其中一个处于 AOT 模式，另一个处于 JIT 模式，将一部分保持在 JIT 模式是否安全，是否可以最大限度地减少申请与否。
如果这是不可能的，我想知道最好的方法是最小化这个应用程序以及如何做到这一点。
或者，如果有一种方法至少可以使应用程序更安全，因为在 JIT 模式下可以在浏览器中查看所有代码。
编辑1：
我忘了提到，在我的情况下，我使用 socket.js 作为激活系统，因此仪表板和模板有些连接。因此，当/:companyname设备未连接时，它会自动转到/activate生成代码的位置并监听用户是否输入该代码，以便将设备连接到用户帐户。
编辑2：
我一直在阅读 ivy 可用于动态加载组件，因此仍然可以在 AOT 中，而无需编译器。这是可以做到的吗？如果可以，你如何做到这一点？