角元素|为每个组件创建单独的构建

Question

我有一个常规的 Angular 项目，我想将其转换为 Angular elements 项目。

我的主要目标是为每个组件/元素提供单独的构建文件。

• login/main.js
• header/main.js
• footer/main.js ....

此时此刻，按照 Angular 文档，我已经实现了这一点，但是当我构建项目时，我得到了一个需要在托管项目中导入的 main.js 文件。

第一个问题。由于我将在 Angular 项目中添加大量元素，如果我遵循这种方法，这将是低效的，因为每次我使用 Angular 元素时，整个 main.js 文件（包含所有元素） ）将被加载。这个假设正确吗？

因此，为了避免这种情况，我需要以可以分离 Angular 元素的方式构建项目。 我一直在关注这篇文章 但到目前为止还没有运气。我的元素不会渲染到托管项目中。

问题：

• 如何将单独的 Angular 元素构建到不同的文件夹或文件中？
• 如果所有元素都在一个文件中，这是否意味着每次调用一个元素时，都会加载整个文件？
• 有没有不同的方法来实现这一目标？

如果有人经历过这个问题并能给我一些指导，我将不胜感激。