Implementing LESS
LESS happens to be written in JavaScript, so installing it can be as easy as downloading the official less.js JavaScript library, linking it to our /Views/Home/Index.cshtml page, and letting its magic work without having to set up anything else.
Should we do that, then? Not a chance. As we said earlier, delegating the compilation task on the client side will be highly inefficient, especially in a client-intensive Angular-based SPA. Not to mention the fact that we already have Webpack that will automatically compile, optimize, and pack all our CSS classes together in a single file.
Given our scenario, the best thing we can possibly do without changing our current Angular files and Webpack configuration is the following:
- Install the aforementioned LESS Compiler extension tool and configure it to automatically build LESS files.
- Rename all our existing CSS files with LESS files with the same name, as CSS files are also LESS files.
- Update the existing code to take full advantage...
