Sass requires compilation to convert it into native CSS. You use a task runner, such as Grunt or Gulp, to automate the task for you. In this lab, you will learn about and build your task runner using Gulp.
To learn more about this series and each of the parts, see the main lab found here. It also includes all of the prerequisites that you will need to build this theme.
You will need the following installed on your machine in order to use Gulp:
Your best friend is code, Tonya is making the introductions.
Total Lab Runtime: 00:48:15
- 1 The Why of a Task Runnerfree 07:39
- 2 Package JSON and Dependenciespro 07:50
- 3 First Gulp Taskpro 09:55
- 4 Running Sass Task & Fixing Errorspro 10:17
- 5 Sass Pixel to Rempro 08:27
- 6 Gulp Watchpro 04:07
What to Do Next?
Part 3b – Doing More with Gulp
It's time to do more with gulp. While gulp is awesome at processing Sass, you can do more tasks such as sourcemaps, minifying, error handling, notifications, linting (error checking), and even more time-saving shortcut modules within Sass itself. Let's finish up your gulp setup file and get you cranking out CSS in less time. Let's do more.
Check out the Genesis Theming Framework for more hands-on labs, insights, Docx, and more.
Check out the series page for more labs: Let’s Build a Custom Developer’s Genesis Starter Child Theme