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.