将StencilJS组件与另一个StencilJS组件一起使用

Question

我的一般问题是，如何在另一个模具组件中使用模具构建的组件。不在PWA工具包中，而是在另一个组件中。

更具体地说，我要使用的组件不在npm上，而是在私有bitbucket存储库上。在其package.json中有准备脚本（"prepare":"stencil build"）。然后，我使用git链接将该组件添加到package.json中的父组件。当我运行npm install child-component时，它将从bitbucket中获取组件，并使用prepare脚本进行构建。这很好。但是如何添加要加载/渲染的组件？

Answer 1

要使导入的组件呈现，必须在根组件中执行以下操作：

render(){
  [<imported-child-component />, ...];

  return(<the-root-components-html />);
}

之后，您可以在应用程序中的任何位置使用Imported-Child-Component。