从另一个 Stencil JS 库导入 Stencil JS 库

2023-11-30

我有两个 Stencil JS Web 组件库:library-a 和library-b。这些不是应用程序,只是单独的 npm 组件包。

我想使用library-a 和library-b 中的一些组件。如何将组件从 A 导入到 B 中?

StencilJS 文档提供了一些导入说明,但不涵盖这个特定的用例。


基本上你所要做的就是npm install (or npm link) 项目并导入它。

据我所知,有两个地方可以包含导入:

  1. 在全球范围内app.ts它被配置为globalScript in stencil.config.ts.
  2. 在根组件内部。

在您的情况下,第二个选项可能不起作用,因为组件库通常没有根组件。

里面导入app.ts:

首先,创建一个全局脚本并将其配置在您的stencil.config.ts:

export const config: Config = {
  // ...
  globalScript: 'src/global/app.ts',
};

然后在该文件中添加导入。离子框架示例:

import '@ionic/core';

现在您可以像使用任何其他 HTML 元素一样使用这些组件。

本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

从另一个 Stencil JS 库导入 Stencil JS 库 的相关文章

随机推荐