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

[rkmk107]

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:

Can someone please guide.

[h_kataria · Accepted solution]

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.