在应用程序外壳中集成毛边的更简单方法

Question

我想知道当所有这些 Pilet 都只是 shell 本身的本地文件时，在应用程序 shell 上工作并尝试多个 Pilet 及其 API 的最简单方法是什么。含义：无需从本地服务器获取，无需基于 shell 的开发版本创建 Pilet 项目的构建步骤。只需将 Pilet 创建为文件，就像创建 React 组件时一样。

Answer 1

我们有一个名为availablePilets，也可用于注入已经可用的绒毛。

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

潜在方式：

import { availablePilets } from './pilets';
renderInstance({
availablePilets,
// other options
});

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

堆积物可能看起来像 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
},
};

希望对您有所帮助！