SASS文件不用Gulp Sass汇编为CSS

Question

我的目录文件是

css
  --nothing yet
sass
  --style.sccs
Gulpfile.js
index.html
package.json

这是我的Gulpfile.js

'use strict';
var gulp = require('gulp');
var sass = require('gulp-sass');
var sassOptions = {
  errLogToConsole: true,
  outputStyle: 'expanded'
};
gulp.task('sass', function () {
  return gulp.src('./sass/**/*.scss')
    .pipe(sass().on('error', sass.logError))
    .pipe(gulp.dest('./css'));
});
gulp.task('watch', function() {
  return gulp
    // Watch the input folder for change,
    // and run `sass` task when something happens
    .watch('./sass/**/*.scss', ['sass'])
    // When there is a change,
    // log a message in the console
    .on('change', function(event) {
      console.log('File ' + event.path + ' was ' + event.type + ', running tasks...');
    });
});
gulp.task('default', ['sass', 'watch' ]);

这是style.sccs

$font-stack:    Helvetica, sans-serif;
$primary-color: #333;
body {
  font: 100% $font-stack;
  color: $primary-color;
}

当我从终端驶入毛口时，看起来还可以

PS C:Usersdelligulpsass> gulp
[21:02:08] Using gulpfile ~gulpsassgulpfile.js
[21:02:08] Starting 'sass'...
[21:02:08] Starting 'watch'...
[21:02:08] Finished 'watch' after 12 ms
[21:02:08] Finished 'sass' after 41 ms
[21:02:08] Starting 'default'...
[21:02:08] Finished 'default' after 43 μs

但是，我的CSS文件夹始终为空

Answer 1

它必须是错字。

您的文件应为style.scss，而不是style.sccs。