PWA Studio - 如何自定义店面中的页面构建器组件？

Question

二手https://developer.adobe.com/commerce/pwa-studio/tutorials/ 用于创建 PWA STUDIO Store Front。 我需要自定义 pagebuilder 反应组件。 谁能帮我解决这个问题，因为我是 pwa studio 和 magento 的新手？

Answer 1

在本地拦截中像这样添加页面构建器的目标

module.exports = targets => {
targets.of('@magento/pwa-buildpack').transformUpward.tap(def => {
    def.staticFromRoot.inline.body.file.template.inline =
        './static/{{ filename }}';
});
targets
    .of('@magento/venia-ui')
    .richContentRenderers.tap(richContentRenderers => {
        richContentRenderers.add({
            componentName: 'PageBuilder',
            importPath: 'src/pagebuilder'
        });
    });
};

其中导入路径指的是 pagbeuilder 源，可以直接从 node_modules 复制到我们的 src 文件夹。

因此我们可以自定义 padebuilder 内容类型，也可以根据需要添加自定义内容类型。