The styles task
The first task we are going to add to our gulpfile
will be our styles task. Our goal with this task is to combine all of our CSS files into a single file and then run those styles through a preprocessor such as Sass, Less, or Myth. In this example, we will use Myth, but you can simply substitute any other preprocessor that you would prefer to use.
Installing Gulp plugins
For this task, we will be using two plugins: gulp-concat
and gulp-myth
. As mentioned in the preceding section, we will install both of these tasks at the same time using the shortcut syntax. In addition to these plugins, we need to install Gulp as well, since this is the first task that we will be writing. For the remaining tasks, it won't be necessary to install Gulp again, as it will already be installed locally in our project.
Now, we need to decide which version of Gulp that we plan on using. It's suggested to go ahead and bite the bullet on version 4.x, as you will be able to take advantage of the .series...