在 Angular 中导入副作用库

Question

我想在 Angular 15 中导入 UI 库，但在开发中以及可能的产品中，导入都会被忽略。

import '@spectrum-web-components/bundle/elements.js;

是导入库提供的所有Web组件的文件，它看起来像这样：

import '@spectrum-web-components/accordion/sp-accordion.js';
import '@spectrum-web-components/accordion/sp-accordion-item.js';
import '@spectrum-web-components/action-bar/sp-action-bar.js';
...

如果我单独导入所有这些组件，那么它们会被注册，但在使用捆绑文件时不会注册。如果我使用动态 import() 它似乎可以工作，但这不是我想要使用的。

如何使这个单一文件导入工作？

Answer 1

回答我自己的问题。

用

import * as myModule

语法解决了它，然后

console.log(myModule)

所以它被使用而不是被忽略。