在 Windows 中未使用 node-sass 生成 CSS 文件

Question

我正在使用node-sass 将sass 文件转换为css，但不知何故它没有在文件夹中创建css 文件。请帮助我解决我在代码中做错了什么。

我的文件夹结构是这样的 -

我在css 文件夹中有一个main.scss 文件。

我的index.js 代码是 -

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

sass.render({
  file: './css/main.scss',
  outFile: './css/main.css',
}, function(err, result) { 
    if(err)
        throw err;
    console.log(result);
});

虽然控制台中没有抛出错误，但 css 文件也没有在 CSS 文件夹中生成。让我知道我在这里做错了什么。

仅供参考 - 这是控制台中的结果输出。

编辑 1

我将 index.js 文件的代码更改为以下但仍然无法正常工作 -

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

sass.render({
  file: './css/main.scss',
  outFile: 'css',
}, function(err, result) { 
    if(err)
        throw err;
    fs.writeFile(__dirname + '/css/', 'main.css', function(err){
        if(!err){
          //file written on disk
        }
      });
});

Answer 1

Checkout the node-sass docs for outFile:

指定输出文件的预期位置。强烈建议在输出源映射时使用，以便它们可以正确地引用其预期文件。

注意启用此选项不会为您将文件写入磁盘，它仅供内部参考（例如生成地图）。

所以需要手动将输出写入磁盘：

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
        }
      });
    }
  });
});