O'Reilly logo

Grunt Cookbook by Jurie-Jan Botha

Stay ahead with the world's most comprehensive technology and business learning platform.

With Safari, you learn the way you learn best. Get unlimited access to videos, live online training, learning paths, books, tutorials, and more.

Start Free Trial

No credit card required

Compiling Stylus to CSS

In this recipe, we'll make use of the contrib-stylus (0.18.0) plugin to compile our Stylus style sheets to CSS style sheets, which can be used by our web application.

Getting ready

In this example, we'll work with the basic project structure that we created in the Installing Grunt on a project recipe in Chapter 1, Getting Started with Grunt. Be sure to refer to it if you are not yet familiar with its contents.

How to do it...

The following steps will take us through creating a simple Stylus style sheet and compiling it to CSS:

  1. We'll start by installing the package that contains the contrib-stylus plugin, as per the instructions provided in the Installing a plugin recipe in Chapter 1, Getting Started with Grunt.
  2. Let's create a ...

With Safari, you learn the way you learn best. Get unlimited access to videos, live online training, learning paths, books, interactive tutorials, and more.

Start Free Trial

No credit card required