In this chapter we've begun setting up our main project, Mastering Sass Swag, which we'll work on from here on out. We also set up the main directory structure we'll use for this project. We took a quick look at using npm
and node
to compile and watch Sass using node-sass
, which is a LibSass
wrapper for node-based projects.
Then we looked at installing and configuring Gulp for our project. We saw how to install and set up numerous Gulp plugins, each with a specific purpose such as gulp-ruby-sass
, gulp-sourcemaps
, and browsersync
to live reload our browser on changes to our files.
In the next chapter, we'll finally look at sourcemaps
so you can see what the big deal is and why we put in the effort to get them working in this chapter.