Gulp - 编译的css文件不是在我想要的目录中生成的

Question

我正在使用gulp 3.9.1来编译scss。它编译得很好，但是没有在css目录中输出已编译的dest。这是我的gulpfile.js：

var gulp = require('gulp');
var sass = require("gulp-sass");

gulp.task('sass', function() {
    return gulp.src("/scss/*.scss").pipe(sass()).pipe(gulp.dest("./css"));
});

相反，编译的css生成在与源scss文件相同的文件夹中。我的错是什么？

我的文件夹结构如下：

-root
     -css (the desired destination of the compiled css)
     -node_module
     -scss
         -style.scss
         -style.css (should'nt be here!!)
     -gulpfile.js

Answer 1

您应该将目标文件夹设置为“css”而不是“./css”。我刚刚测试过，它像我预期的那样为我工作：

var gulp = require('gulp');
var sass = require("gulp-sass");

gulp.task('sass', function() {
    return gulp.src("/scss/*.scss").pipe(sass()).pipe(gulp.dest("css"));
});