We have spent a lot of time preparing you for this moment. It is finally time to write some code. For this simple project, we will use a very basic Hello, world! style examples to demonstrate how Gulp accesses, modifies, and outputs our code and images.
Our project will create separate tasks that will process CSS, JavaScript, and images. For CSS, we will combine all of the files into a single file and then preprocess it to enable additional features in our code. For JavaScript, we will combine the files, check the code for errors, and minify it to reduce the overall file size. For images, we will use a plugin to compress and optimize them so our project will load faster and more efficiently.
Using Gulp plugins
Without plugins, Gulp is simply a means of connecting and organizing small bits of functionality. The plugins we are going to install will add the functionality we need to properly...