Your achievements

Level 1

0% to

Level 2

Tip /
Sign in

Sign in to Community

to gain points, level up, and earn exciting badges like the new
Bedrock Mission!

Learn more

View all

Sign in to view all badges

SOLVED

How to sync ui.frontend to aem server(crxde)

Avatar

Level 5

Hello , 

 

I have added some css styles to .scss in ui.frontend. I want that chagnes to be updated in aem server. How can I do this. I tried running the ui.frontend module alone also ran the whole build. But I couldn't see the changes in aem server. Anyone help me with this please?

1 Accepted Solution

Avatar

Correct answer by
Level 7

Please follow these steps :

  • Run npm run dev : It will update clientlib-site and clientlib-dependencies and update ui.apps folder in file system.
  • Deploy updated code to AEM. Command : mvn clean install -PautoInstallPackage

Once the code is installed , please check your changes under /apps/project/clientlibs/clientlib-site. If changes are not there probably then you need to check first step I mentioned above. The command npm run dev builds your CSS & JS files using webpack. You can refer the scripts section in package.json of ui.frontend module.

"dev": "webpack --env dev --config ./webpack.dev.js && clientlib --verbose",

If you see your changes in /apps/project/clientlibs and same clientlibs you are able to see getting loaded on page, then probably you need to clean cache of your browser to reflect latest changes.

Document : https://experienceleague.adobe.com/docs/experience-manager-core-components/using/developing/archetyp...

 

View solution in original post

2 Replies

Avatar

Correct answer by
Level 7

Please follow these steps :

  • Run npm run dev : It will update clientlib-site and clientlib-dependencies and update ui.apps folder in file system.
  • Deploy updated code to AEM. Command : mvn clean install -PautoInstallPackage

Once the code is installed , please check your changes under /apps/project/clientlibs/clientlib-site. If changes are not there probably then you need to check first step I mentioned above. The command npm run dev builds your CSS & JS files using webpack. You can refer the scripts section in package.json of ui.frontend module.

"dev": "webpack --env dev --config ./webpack.dev.js && clientlib --verbose",

If you see your changes in /apps/project/clientlibs and same clientlibs you are able to see getting loaded on page, then probably you need to clean cache of your browser to reflect latest changes.

Document : https://experienceleague.adobe.com/docs/experience-manager-core-components/using/developing/archetyp...