How asset-manifest.json file is created in AEM React SPA Editor based project | Community
Skip to main content
R
rkmk107
Level 2
July 7, 2024
Solved

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

  • July 7, 2024
  • 1 reply
  • 2166 views

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-headless/spa-editor/react/create-project

 

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

 

Can someone please guide.

This post is no longer active and is closed to new replies. Need help? Start a new post to ask your question.
Best answer by h_kataria

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.js#L678
You can get more details about the manifest concept here https://webpack.js.org/concepts/manifest/
Hope this helps.



1 reply

h_kataria
Community Advisor
h_katariaCommunity AdvisorAccepted solution
Community Advisor
July 8, 2024

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.js#L678
You can get more details about the manifest concept here https://webpack.js.org/concepts/manifest/
Hope this helps.



    Terms & ConditionsAccessibility statement

    Loading footer...