使用 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 写入 app 文件夹中名为 css 的文件。

您的sass 任务应改为：

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