Join Morten Rand-Hendriksen for an in-depth discussion in this video Adding support for Grunt, Sass, Watch, and Autoprefixer, part of WordPress: Developing with Sass and Grunt.js.
- With the package file in place,…and the project clearly defined,…we can now start installing the actual…packages we'll be using.…So Grunt, Sass and so on.…And we'll do that in exact same way we did…previously in the previous chapter,…by using npm.…So first I need to install Sass, then watch,…and then I'm also going to install something…called autoprefixer, which I'll explain a little bit later.…So I'll start by saying npm install grunt…contrib sass--save-dev.…
So this is exactly the same function as we used before…and the function will install grunt contrib sass…and also grunt inside my _sass folder.…So I'll run the command,…you'll notice here that the node modules folder was created.…And you also see down here at the bottom of…my package.json file I now have devDependencies,…grunt and grunt contrib sass.…If I go into node modules,…we have the grunt folder and the grunt contrib sass folder,…so this is the same as what we saw in the previous chapter.…
Now I'll also install watch,…so same thing, npm install grunt contrib…
Note: This course doesn't teach Sass itself. To learn more about the language, watch CSS with LESS and Sass.
- Setting up your development environment
- Installing Node.js, Ruby, Grunt, and Sass
- Setting up Grunt and Sass on Mac and Windows
- Adding support to Grunt, Sass, Watch, and Autoprefixer in WordPress
- Building custom themes with _s and Sass