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

Question

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

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

StencilJS 文档提供了一些导入说明，但未涵盖此特定用例。

Answer 1

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

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

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

内部导入app.ts:

首先，创建一个 global script 并在您的 stencil.config.ts 中配置它：

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

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

import '@ionic/core';

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

Import Stencil JS library from another Stencil JS library