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

Question

我有两个 Stencil JS Web 组件库，library-a 和 library-b。这些不是应用程序，只是单独的 npm 组件包。
我想在 library-b 中使用 library-a 中的一些组件。如何将组件从 A 导入 B？
StencilJS 文档提供了一些导入说明，但未涵盖此特定用例。

Answer 1

基本上你所要做的就是npm install (或 npm link )项目并导入它。
据我所知，有两个地方可以包含导入:

全局app.ts配置为 globalScript在 stencil.config.ts .

在根组件内部。

在您的情况下，第二个选项可能不起作用，因为组件库通常没有根组件。
内部导入app.ts :
首先，创建一个 global script并在您的 stencil.config.ts 中配置它:

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

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

import '@ionic/core';

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