決定 整合的等級 您想要在外部SPA和AEM之間,通常很清楚,您需要在AEM中檢視和編輯SPA。 RemotePage元件是專門用於此目的的自定義頁面元件。
RemotePage元件從應用程式生成的所有必要資產中提取 asset-manifest.json
並在AEM中使用它轉譯SPA。
請參閱文章 在AEM中編輯外部SPA 如需AEM中可編輯外部SPA的詳細資訊。
asset-manifest.json
檔案,位於 entrypoints property
所有要載入的CSS和JS檔案:
https://github.com/shellscape/webpack-manifest-plugin
https://github.com/webdeveric/webpack-assets-manifest
https://github.com/mugi-uno/parcel-plugin-bundle-manifest
<div id="root"></div>
在下面 body
元素。 如果應用程式需要不同的標籤才能實例化,則必須在具有的Proxy元件的HTL指令碼中相應調整 sling:resourceSuperType="spa-project-core/components/remotepage
.與AEM SPA專案的其餘部分一樣, RemotePage元件是開放原始碼。 有關RemotePage元件的完整技術詳細資訊, 請參閱GitHub存放庫。