PostCSS

Our plugin usage up to this point has been very basic, so we're going to take a moment to revisit our styles task to replace the Myth plugin with a more advanced tool called PostCSS. While Myth is very easy to set up and begin using, there are times when a project may require specific processing of CSS files. PostCSS breaks apart the processing work into individual modules that you can use separately or combine as needed.

For the purpose of this update, we're only going to worry about replicating the functionality we were using within Myth and to demonstrate how Gulp plugins and node modules can work together to create more robust tasks.

Removing Myth plugin

First, let's start by removing the gulp-myth plugin from our project:

npm uninstall --save-dev gulp-myth

The following screenshot reflects the command to install this plugin:

This will uninstall the gulp-myth plugin and remove it from our development dependencies list in our package.json file.

Next, we can remove all current references...