Summary
In this chapter, you learned how to write and run a fully functional gulpfile
from the ground up. In it, we created three tasks to process our CSS, JavaScript, and image files.
Our CSS task joins together all of our CSS files and then passes the joined file through a preprocessor so that we can use cutting-edge CSS features such as variables and mathematical calculations.
Our JavaScript task uses a linter to analyze our code for any errors, concatenate those files, and minify the combined file to reduce its overall file size.
Lastly, we created tasks to optimize our image files, watch our source files for changes, and determine which tasks are run by default.
In the next chapter, we will take a look at how to use Node.js modules in place of Gulp plugins to add advanced functionality to your projects.