![imagemin gifsicle imagemin gifsicle](https://kunalb.in/images/nodejswhite.png)
Once you have a solid gulp workflow in place, you will find that you no longer need to keep opening your FTP client each time you change your site. Just because your site is now built and deployed, it doesn't mean that it has to stop there! There are still loads more things that Gulp can be used for.
![imagemin gifsicle imagemin gifsicle](https://user-images.githubusercontent.com/46607022/102325339-14b44400-3f94-11eb-8ef3-d5d10adaa3b4.png)
The following optional tasks run tests on my site: task ( 'jekyll', function ( ) ) TestingĪnything can be plugged in to Gulp, especially with the gulp-shell plugin. Running Jekyll is as simple as using the gulp-shell plugin: var gulp = require ( 'gulp' ) , My site is powered by Jekyll, and since Jekyll cleans the _site folder each time, it needs to be the first thing that runs. Note: A lot of the examples are based on a Jekyll site this isn't a requirement, Gulp can work with any site or framework, even non web apps, such as mobile apps.Įach task requires a couple of plugins, these can be installed using $ npm install (sudo might be required). The following examples are in use on my site, and run each time I commit.
#Imagemin gifsicle how to#
If you have not already installed and become familiar with Gulp, read about how to get started first. Compare this to the value after you have implemented Gulp, and you will be amazed by what a few simple tasks can achieve. Before you start using Gulp, take note of the Google Page Speed Insights score for your site. Gulp is a powerful task runner, that when used correctly, can vastly improve your workflow, as well as producing sites that would otherwise be bloated, take a long time to build, and be stuck with old technologies.