gpt4 book ai didi

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

转载 作者:行者123 更新时间:2023-12-03 04:44:16 26 4
gpt4 key购买 nike

我正在使用node-sasssass文件转换为css,但不知何故它没有在文件夹中创建css文件。请帮助我解决我在代码中做错的事情。

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

Folder Img

我在 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 文件夹中生成。让我知道我在这里做错了什么。

仅供引用 - 这是控制台中的结果输出。

Output Img

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

最佳答案

Checkout the node-sass docs for outFile :

Specify the intended location of the output file. Strongly recommended when outputting source maps so that they can properly refer back to their intended files.

Attention enabling this option will not write the file on disk for you, it's for internal reference purpose only (to generate the map for example).

因此您需要手动将输出写入磁盘:

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

关于javascript - 在 Windows 中不使用 node-sass 生成 CSS 文件,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/42937312/

26 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com