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
BedrockMission!

Learn more

View all

Sign in to view all badges

SOLVED

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

sunily21159739
Level 2
Level 2

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
raj_mandalapu
Correct answer by
Community Advisor
Community Advisor

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
Jörg_Hoh
Employee
Employee

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).

raj_mandalapu
Correct answer by
Community Advisor
Community Advisor

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

Arun_Patidar
Community Advisor
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

satishnarayan
Level 2
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.