#SASS MINIFY INSTALL#

All you have to do is install a particular plugin you’ll need to perform that task. Every task has different plugins to use depending on whichever suits you. Grunt provides lots and lots of plugins to perform these tasks.

And lastly, concatenate different JavaScript files into just one JavaScript file and also CSS files into just one CSS file and so much more.

Minifying JS and CSS files by compressing these files to reduce their file sizes to enable them to load quicker when they are requested from the server.

Compiling SASS files to CSS files as browsers cannot understand SASS files.

Prefixing CSS rules for CSS styles that are not supported for all browsers which may need vendor prefixes.

Hang in there! I’ll tell you in just a minute.Ī task runner performs repetitive tasks for us. You, of course, might be wondering what a task runner does. To take full advantage of this article, it is required that you have the following: In addition to this, in this article I will be teaching you how to: I will be telling you what it is before we begin to work with it. Now if you don’t know what Grunt is, you’ve got nothing to worry about. It is advisable that you ship as few files as possible to production to aid in high performance and a fast loading time.

And as a result of that, your application lags with respect to low performance. In a situation where your application is comprised of lots of JavaScript and CSS files, this may affect the loading time of your application due to their different file sizes. In the software development world, it is ideal that your web application is fully performant and optimized in production. Performance is a very important topic when it comes to building web applications.

Sass minify