将stenciljs web组件集成到stenciljs应用程序中

Question

我确实用模板构建了一些web组件，并将它们发布到了npm上。现在我想将它们集成到另一个模板应用程序中，但我找不到任何建议如何做到这一点，或者到目前为止我发现的建议都不起作用。

例如，模具配置上不再有集合属性来包含外部组件，这是我在官方文档中找到的分发组件的方法，它不起作用：

在模板应用程序启动应用程序中，运行npm install my-name --save将导入添加到npm包中: import my-component；然后您可以在模板、JSX、html等中的任何位置使用元素。

我知道这些组件是可以工作的，因为我已经成功地将它们集成到了Angular和React应用程序中。

提前感谢您的帮助:)

Answer 1

我也遇到了同样的问题，然后就解决了。我正在构建一个StencilJS应用程序，并尝试使用我的组件库@elgervb/stencil-components。以下是我为使其正常工作所做的工作：

我用以下命令添加了我的库：

yarn add @elgervb/stencil-components

在tsconfig.json中，我将typeRoots添加到compilerOptions中以加载我的类型：

"typeRoots": [
  "node_modules/@elgervb"
]

之后，我可以在我的应用程序中使用我的所有组件：

<evb-filepicker accept="image/*">
  <evb-button>Pick image</evb-button>
</evb-filepicker>

希望这能有所帮助:-)