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

Question

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

我想使用库 b 中库 a 中的一些组件。如何将组件从 A 导入到 B 中？

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

Answer 1

基本上您所要做的就是npm install（或npm link）项目并导入它。

据我所知，有两个地方可以包含导入：

1. app.ts在配置为globalScriptin的全局内部stencil.config.ts。
2. 在根组件内部。

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

导入内部app.ts：

首先，创建一个全局脚本并在您的stencil.config.ts：

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

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

import '@ionic/core';

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