In this post I will go through using grunt for our css minification task and also showcase another preprocessor for css called less.
First off lets start with a express 4 application, we will create it with Visual Studio NTVS, the latest RC contains a template for express 4.
We can install grunt by command prompt npm install
|
1 |
npm install grunt --save-dev |
or by using the npm installer in Visual Studio, remember to choose the development dependency type
We should now see grunt in our dev when we expand the npm icon in Visual Studio
In our express 4 application we will now add a mystyle.css file to public/stylesheets folder like below.
The css contains just 3 styles
