All of the LESS files are compiled and minified into one file. Basically it’s just a matter of combining them into one file. In this example we’re going to use Prepros. You can download it at http://alphapixels.com/prepros/.
/css/less/style.less. You’ll see code like this:
@import "vendor/bootstrap.less"; @import "vendor/font-awesome.less"; ...
That means we’re importing
vendor/font-awesome.less, … to be compiled. Or basically we’re going to combine all of those LESS files into single CSS file.
- Open Prepros Options.
- Open JS Options and LESS Options. Uncheck Auto compile. This will prevent Prepros for compiling all of the LESS and JS files, since we only going to compile
- Drag your project folder onto Prepros.
style.less. Right click and change the out put to
style.lessand then click Compile button to compile. If you want to minify it, check Compress CSS. You can check Auto Compile for this file only, if you want Prepros to automatically compile it immediately after you make changes to
/css/less/style.lessor any LESS files that are imported to