我有两个 Stencil JS Web 组件库:library-a 和library-b。这些不是应用程序,只是单独的 npm 组件包。
我想使用library-a 和library-b 中的一些组件。如何将组件从 A 导入到 B 中?
StencilJS 文档提供了一些导入说明,但不涵盖这个特定的用例。
基本上你所要做的就是npm install
(or npm link
) 项目并导入它。
据我所知,有两个地方可以包含导入:
- 在全球范围内
app.ts
它被配置为globalScript
in stencil.config.ts
.
- 在根组件内部。
在您的情况下,第二个选项可能不起作用,因为组件库通常没有根组件。
里面导入app.ts
:
首先,创建一个全局脚本并将其配置在您的stencil.config.ts
:
export const config: Config = {
// ...
globalScript: 'src/global/app.ts',
};
然后在该文件中添加导入。离子框架示例:
import '@ionic/core';
现在您可以像使用任何其他 HTML 元素一样使用这些组件。
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)