Join Morten Rand-Hendriksen for an in-depth discussion in this video Creating a package file, part of WordPress: Developing with Sass and Grunt.js.
- Now that I've installed my new theme folder inside…the development environment on my computer,…I can start working with the theme itself…and change it in any way I want.…But before I do that,…I want to define the project,…then set up Grunt and Sass and get everything to work…so that I can write my styles using Sass.…This will start, as you remember from the previous chapter,…by creating a package file that defines the parameters…of the project.…And from here on out, I'm only going to be working…inside the theme folder.…So you'll remember I took the theme,…I downloaded it, I installed it under wp content themes,…and then the theme folder _sass.…
And from here on out, everything I do will happen…inside the _sass folder.…As you remember, the first step of this process…is to create the package.json file.…And I do that through terminal, so I'll open terminal…or if you're on a Windows computer,…open command prompt.…And then I need to navigate my way into the _sass folder.…Now depending on how you set up your computer…
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