Installing Grunt plugins
Grunt plugins are the heart of Grunt. Every plugin serves a specific purpose and can also work together with other plugins. In order to use Grunt to set up your Sass workflow, you need to install several plugins. You can find more information about these plugins in this recipe's How it works... section.
Getting ready
Before you install the plugins, you should first create some basic files and folders for the project. You should install Grunt and create a package.json
file for your project. Also, create an index.html
file to inspect the results in your browser. Two empty folders should be created too. The scss
folder contains your Sass code and the css
folder contains the compiled CSS code.
Navigate to the root of the project, repeat the steps from the Installing Grunt recipe of this chapter, and create some additional files and directories that you are going to work with throughout the chapter. In the end, you should end up with the following folder and file structure...