Less: process less and CSS files

Question

I've a project with less and CSS files mixed (vendor stuff). I want to optimize all files either CSS or less to one merged CSS file. Usually I've one less file which imports all needed files. But it doesn't work with imported CSS files. It just export the "import "foo.css"" to the merged CSS file.

How can I do that?

Answer 1

Use @import (inline) directive. You can read more about it here .

Answer 2

I suggest to treat .css files imported like they would be .less with the following syntax:

@import (less) "foo.css";

This results in a final compiled .css file that include rows from original .css imported one, followed by processed LESS rows.