How to compile .less files on save in Visual Studio 2015 (preview)

gruntjs less visual-studio-2015 asp.net-core asp.net-core-mvc
Maverick picture Maverick · Jan 2, 2015 · Viewed 29.6k times · Source

Ok, so I've created a new ASP.Net 5/MVC 6 project in Visual Studio 2015 Preview. In keeping with our current method of doing things, for styling I want to use .less files. Creating the files is straightforward, but Web Essentials no longer compiles them.

So my question is this: what precisely do I need to do to get my .css files generated when I save the .less files?

Based on my adventures getting Typescript to work nicely, I will have to use Grunt to accomplish this task, but I am brand-new to Grunt and so I'm not sure how one would do it?

Please help!

Answer

ndd picture ndd · Jul 22, 2015

With VS 2015 Web Essential is split into multiple extensions you can download the Web Compiler extension from here and it also has details on how to use it.

It is certainly not elegant as it used to be, but if you are using existing project and want to use a compiler for LESS then this may do the basic job.

Related questions

Grunt, Less, and File Watching

I'm trying to get grunt working to do something. My project looks like this: /app /assets /components /stylesheets /less /file1.less /file2.less /file3.less /importAll.less /css I want it so that when file1, file2, or file3 are saved …

Read More
grunt replace all less files into css files

I use grunt to convert all my less files into css files,using this: less: { development: { files: { "css/*.css": "less/*.less" } } } This worked on version 0.3.0, but now that I have upgraded to v0.4.0 it doesn't work anymore. The following code (…

Read More
How to configure sourceMaps for LESS using Grunt?

I'm using grunt 0.4.2 and grunt-contrib-less 0.9.0. I want my LESS to be compiled into CSS with support for source maps. My LESS files are in public/less, and the main one is called main.less. The compiling of public/less/main.…

Read More