Deployment

Recipes

Sass

Sass is an feature-rich, versatile and common CSS preprocessor. It is supported using the SCSS CSS superset syntax or the original indented syntax.

Why?

Harp includes the best-of-breed preprocessors by default. This means you don’t need to waste time configuring Sass, worrying about installing dependencies, minifying your CSS, or even selecting the input and output location for files. Everything just works.

Usage

Harp’s Asset Pipeline is super easy to use. All the processing happens implicitly, so there is nothing to setup. Just name your file with an .scss extension instead of .css and the Harp web server will see it as if it is a .css file.

SCSS Example

In this project, there is a main.scss and a _variables.scss file in the css directory, like so:

myproject/
|- index.html
+- css/
|- main.scss
+- _variables.scss

Now, you would simply reference main.css in index.ejs as you would with any other CSS file: