AEM Guides扩展包目录结构

├── 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

这是最终生成目录。 其中包含最终JS和CSS,需要将其复制到AEM

├── 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