AEM Guides擴充功能套件目錄結構

Last update: Fri Jan 12 2024 00:00:00 GMT+0000 (Coordinated Universal Time)

建立對象：

User
Admin

├── src
│   ├── **/*{js,ts}
│   ├── index.ts
├── dist
│   ├── guides-extension.js
│   ├── guides-extension.umd.cjs
│   ├── build.css
├── node_modules
├── package.json
├── package-lock.json
└── .gitignore
└── buildCSS.mjs // for creating tailwind classes
└── vite.config.js // config for specifying TS and javascript build options
└── taliwind.config.js // config for tailwind we can add custom config for a design system here
├── jsons // jsons for the aem app
│   ├── context_menus // jsons for the context menus
│   ├── review_app // jsons for the review app
│   ├── xmleditor // jsons for xmleditor

/src

├── src
│   ├── **/*{js,ts}
│   ├── index.ts

來源目錄將包含您擴充功能的typescript或javascript檔案。 index.ts檔案是擴充功能的進入點。您可以在此處匯入所有元件，並將它們匯出為單一物件。擴充功能會使用此物件來轉譯元件。

/dist

這是最終組建目錄。此檔案包含需要複製到AEM的最終JS和CSS

├── dist
│   ├── gudies-extension.js // you can either choose es module (this one) or .cjs(other one) file
│   ├── gudies-extension.umd.cjs
│   ├── build.css // this is your tailwind css output

/jsons

此目錄包含各種檢視的JSON。您可以使用這些JSON來識別目標及自訂檢視。

├── jsons // jsons for the aem app
│   ├── context_menus // jsons for the context menus
│   ├── review_app // jsons for the review app
│   ├── xmleditor // jsons for xmleditor

recommendation-more-help

11125c99-e1a1-4369-b5d7-fb3098b9b178