Debugging styles in Magento

As described in Chapter 4 , Magento UI Library, Magento 2 offers two ways to compile LESS technology:

  • Server-side compilation
  • Client-side compilation

Both techniques work in different ways when it comes to workflow development issues, especially when debugging code in an agile and interactive way. Let's explore the two methods of compiling styles and understand how they behave with theme-debugging solutions.

Client-side debugging mode

Client-side debugging on Magento 2 uses the less.js native library. This library uses the rules of in-browser LESS compilation, meant for development environments where the library JavaScript file is too big and its behavior of prioritizing the processing before rendering can generate a feeling ...

Get Magento 2 Theme Design - Second Edition now with the O’Reilly learning platform.

O’Reilly members experience books, live events, courses curated by job role, and more from O’Reilly and nearly 200 top publishers.