ionic-framework - 将 StencilJS 组件与另一个 StencilJS 组件一起使用

Question

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

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

Answer 1

要让导入的组件呈现，您必须在根组件中执行此操作：

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

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

之后，您可以在应用程序的任何位置使用导入的子组件。