Expand my Community achievements bar.

Dive into Adobe Summit 2024! Explore curated list of AEM sessions & labs, register, connect with experts, ask questions, engage, and share insights. Don't miss the excitement.
SOLVED

What is the best practice- Clientlibs( minify) or Webpack

Avatar

Level 3

Hi All,

 

What is the best practice to minify JS/CSS file in AEM6.4.2.

In our case there there two applications are running on same AEM instances and one of the application(First) is not using AEM minification  that's why they have disabled "minify" option on configuration level. They( First Application) want to use WebPack to minify JS/CSS because some of the pages of there application is breaking by using AEM minify option.

 But in our application( second) AEM minify is working fine. Just want to check what is the best practice here, do I need to implement WebPack also in my application( second) or can I continue with AEM minify option(CQ Html Library Manager).

 

Regards,

 

1 Accepted Solution

Avatar

Correct answer by
Level 8

You can continue with AEM minify option, but the problem I see here is, if AEM is not properly minified your JS due to some issues in js files then there are chances to get production defects that are related to JS, if any issue occurs either in prod or lower environments related to this then you need to spend some amount of time to identify the issue, I feel it is waste of time. 

 

Another approach is, you can ask front end people to minify the JS before adding into the clientlibs. With the tools/plugins currently available in the market for front end people this is not a big task, for them, it is just one additional step.

 

View solution in original post

5 Replies

Avatar

Employee Advisor

To be coherent, I would unify the way your frontend is created. Personally I am not in favor of any (I don't build frontends), but as one part is already using webpack, I would think that switching the part also to webpack isn't that hard (you already have some experience in your team how it works).

Avatar

Correct answer by
Level 8

You can continue with AEM minify option, but the problem I see here is, if AEM is not properly minified your JS due to some issues in js files then there are chances to get production defects that are related to JS, if any issue occurs either in prod or lower environments related to this then you need to spend some amount of time to identify the issue, I feel it is waste of time. 

 

Another approach is, you can ask front end people to minify the JS before adding into the clientlibs. With the tools/plugins currently available in the market for front end people this is not a big task, for them, it is just one additional step.

 

Avatar

Community Advisor

If AEM minification works you can reply on AEM minify.

The other project can disabled clientlibs minification by using project specific configs
eg. https://www.albinsblog.com/2019/04/how-to-disable-minification-for-client-libraries-in-aem.html



Arun Patidar

Avatar

Level 2

I am trying achieve minification in aem 6.5, but is not happening.

I tried adding jsProcessor to node level but js is not getting minfied. I tried adding HTML congifugration and selecting clientlibs to not get minified as mention above url, but its not working.

Avatar

Community Advisor

Could you please share your clientlib configuration?



Arun Patidar