使用gulp将scss转换为css。 [问题]

Question

我一直在尝试将scss转换为css，这是我的代码。

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

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

我没有错误，但它只是做任何事情。

[05:12:54] Using gulpfile ~/Desktop/Project/gulpfile.js
[05:12:54] Starting 'sass'...
[05:12:54] Finished 'sass' after 13 ms

这是我的scss文件，不确定这是否有用。

.lol {
  width: percentage(100/2);
}

Workspace. 任何帮助表示赞赏！

Answer 1

您在gulp.dest('app/css')中缺少尾部斜杠，导致gulp写入css文件夹中名为app的文件。

相反，您的sass任务应为：

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