在应用程序中集成 pilets 的更简单方法 shell

Simpler way of integrating pilets in app shell

我想知道在应用程序 shell 上工作并尝试几个 Pilets 及其 API 的最简单方法是什么,而所有这些 Pilets 都只是 shell 本身的本地文件.意思是:没有从本地服务器获取,没有基于 shell 的开发版本创建 Pilet 项目的构建步骤。像创建 React 组件一样简单地将 Pilets 创建为文件。

我们有一个名为 availablePilets 的选项,它也可用于注入已经可用的 pilet。

此选项在服务器端渲染场景或其他优化情况下特别有用,当您已经准备好(评估的)代码并且可以使用时 - 不需要或不需要动态加载。

潜在方式:

import { availablePilets } from './pilets';

renderInstance({
  availablePilets,
  // other options
});

有关更详细的示例,请参阅 https://github.com/smapiot/piral/blob/develop/src/samples/sample-piral-core/src/index.tsx

pilet 可能看起来/会像 https://github.com/smapiot/piral/blob/develop/src/samples/sample-piral-core/src/pilets/search.tsx(实际上,您也可以使用元数据即时创建对象包装器)。

export const MyPilet: Pilet = {
  name: 'my-pilet',
  setup(app) {
    // ... code
  },
};

希望对您有所帮助!