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 O’Reilly online learning.

O’Reilly members experience live online training, plus books, videos, and digital content from 200+ publishers.