Summary

In this chapter, we learned how to write and run a fully functional gulpfile from the ground up. In it, we created three focused 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. Finally, 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 regular node.js ...

Get Getting Started with Gulp now with O’Reilly online learning.

O’Reilly members experience live online training, plus books, videos, and digital content from 200+ publishers.