{"id":69338,"date":"2016-12-23T16:21:25","date_gmt":"2016-12-23T16:21:25","guid":{"rendered":"http:\/\/webkul.com\/blog\/?p=69338"},"modified":"2016-12-26T09:52:11","modified_gmt":"2016-12-26T09:52:11","slug":"minify-less-file-gulp","status":"publish","type":"post","link":"https:\/\/webkul.com\/blog\/minify-less-file-gulp\/","title":{"rendered":"Minify less file with Gulp"},"content":{"rendered":"

Today we will learn about how to minify a less file with the gulp.js . As we know to write css in Less is very simple, logical and fun so with help of Gulp we can compile a Less file to a regular css file as well as minify that css file at a time. With this process we do not need to convert the css file to minify css file later instead when you write code in less it minifies that less file at that time means when you change anything in the less file suddenly it minifies the less file.<\/p>\n

First you need to install clean-css gulp plugin to minify css by npm And you can also read about “clean-css” plugin from here – https:\/\/www.npmjs.com\/package\/gulp-clean-css <\/a><\/p>\n

Install Command –<\/p>\n

npm install gulp-clean-css --save-dev<\/pre>\n
then you have write some clean-css code in your gulpfile.js file .<\/p>\n
\"\"<\/p>\n
 <\/p>\n
Then run the gulp command to run the gulp task<\/p>\n
Command –<\/p>\n
npm run gulp<\/p>\n