Expand my Community achievements bar.

July 31st AEM Gems Webinar: Elevate your AEM development to master the integration of private GitHub repositories within AEM Cloud Manager.
SOLVED

How asset-manifest.json file is created in AEM React SPA Editor based project

Avatar

Level 3

Hi All,

Can you please let me know how asset-manifest.json file is created while building wknd-spa-react project
I created the react spa-editor based project using steps mentioned here: https://experienceleague.adobe.com/en/docs/experience-manager-learn/getting-started-with-aem-headles...

 

I want to understand how asset-manifest.json file is created and how mappings to clientlib files are added inside it:

 

rkmk107_1-1720371861826.png

Can someone please guide.

1 Accepted Solution

Avatar

Correct answer by
Level 7

As far as I know, it is essentially a concept related to Webpacks. It is autogenerated and WebPackManifestPlugin ( (https://github.com/shellscape/webpack-manifest-plugin) ) is responsible for generating and customizing it. Since react module of the archetype is boostrapped from create-react-app. I believe the configurations for that would be coming from https://github.com/facebook/create-react-app/blob/main/packages/react-scripts/config/webpack.config....
You can get more details about the manifest concept here https://webpack.js.org/concepts/manifest/
Hope this helps.



View solution in original post

1 Reply

Avatar

Correct answer by
Level 7

As far as I know, it is essentially a concept related to Webpacks. It is autogenerated and WebPackManifestPlugin ( (https://github.com/shellscape/webpack-manifest-plugin) ) is responsible for generating and customizing it. Since react module of the archetype is boostrapped from create-react-app. I believe the configurations for that would be coming from https://github.com/facebook/create-react-app/blob/main/packages/react-scripts/config/webpack.config....
You can get more details about the manifest concept here https://webpack.js.org/concepts/manifest/
Hope this helps.