Compiling scss into css using node-sass with Node.js

Question

I'm trying to compile my scss file into css file using node-sass , I already know how to do this with Command line. I have this npm-script In my package.json file :

"scripts": {
"scss": "node-sass --watch fileName/scss -o FileName/css"
}

and when I run :

npm run scss

it works fine. What I want to know is how to use (from the node-sass project page) :

var sass = require('node-sass');

sass.render({
  file: scss_filename,
  [, options..]
}, function(err, result) { /*...*/ });

I try this in my app.js :

var sass = require('node-sass');

sass.render({
  file: __dirname + '/scss/style.scss',
  outFile: __dirname + '/css/style.css',
});

but it's not working, I have little experience with this and I can use some help.

k0hamed · Accepted Answer · 2019-03-30 22:36:15Z

3

within the same documentation you linked to

sass.render({
    ...
    outFile: yourPathTotheFile,
  }, function(error, result) { // node-style callback from v3.0.0 onwards
    if(!error){
      // No errors during the compilation, write this result on the disk
      fs.writeFile(yourPathTotheFile, result.css, function(err){
        if(!err){
          //file written on disk
        }
      });
    }
  });
});

the sass.render() doesn't write to the file, it only passes the result to a callback. You need to write it yourself using fs as in the example above.

answered Mar 30, 2019 at 22:36

k0hamed

5022 silver badges11 bronze badges

Sign up to request clarification or add additional context in comments.

2 Comments

Reza Poorbaferani Over a year ago

What the fs is here? I get an error that fs is not defined. What it should refer to?

k0hamed Over a year ago

node file system add const fs = require('fs');

Collectives™ on Stack Overflow

Compiling scss into css using node-sass with Node.js

1 Answer 1

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related