2018-01-14 #sass #css

Compiling Sass With NPM

In this tutorial we're going to look at how we can compile SASS using a NPM package. The package that we're going to use to compile the SASS is called node-sass. This is a node package that will bind node.js to LibSass this allows you to compile native scss files into CSS. First we need to install the the node-sass into our project. You can do this by using the following command.

npm install node-sass

Now we'll be able to use npm to compile our scss files into CSS by using the command node-sass style.scss style.css. We can do this by creating a new command inside the package.json file.

  "devDependencies": {
    "node-sass": "^4.7.2"

  "scripts": {
    "scss": "node-sass style.scss style.css"

This gives us a new npm command of npm scss that will take the style.scss and convert it into style.css.


Reliable uptime monitoring and instant alerts for any website downtime.

Get 50% off forever using the code 50OFFUP.