Question

我真的希望这不是重复，但我在这里搜索了无数帖子，无法找到这个具体问题，希望stackoverflow社区可以提供帮助

我是Gulp和Sass的新手，我正在设置一个简单的模板来体验和准备未来的项目，但我遇到了障碍

我有以下用于测试的文件夹结构（当所有工作变得更好时，调整它）

Template
-- node_modules
-- stylesheets
-----test.scss
-----test.css (generated by the gulpfile.js)
gulpfile.js
package.json

我的gulp文件如下，一个关于test.scss的简单监视来创建和更新test.css

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

gulp.task('styles', function() {
    return gulp.src('stylesheets/**/*.scss')
    .pipe(sass().on('error', sass.logError));
});

//Watch task
gulp.task('default',function() {
    gulp.watch('stylesheets/**/*.scss', ['styles']);
});

现在当我运行gulp并在test.scss中保存样式时，我在cmd中得到类似的东西

Starting 'styles'...
Finished 'styles' after 49 ms

所以我相信没有错误，但是当我查看创建/更新的test.css文件时，没有样式！

然而，它会复制注释...所以，如果我将/ * comment /放入test.scss，那么确定/ 评论* /出现在text.css中

gulp-sass成功安装，但我真的很困惑，我失踪了什么

提前致谢

詹姆斯

P.S，等等的版本，我还在本地设置了一个XAMPP网络服务器

Node => v6.11.1,
gulp => CLI version 1.3.1, Local version 3.9.1,
ruby => 2.4.1p111,
sass => 3.5.1 (Bleeding Edge)
npm => 3.10.10

Answer 1

我认为

gulp.task('styles', function() {
    return gulp.src('stylesheets/**/*.scss')
    .pipe(sass().on('error', sass.logError));
});

应该是

gulp.task('styles', function() {
    return gulp.src('stylesheets/**/*.scss')
    .pipe(sass().on('error', sass.logError))
    .pipe(gulp.dest('./stylesheets'));
});

Gulp / SCSS到CSS工作（但不工作）

1 个答案: