Gulp 虽然没有显示任何错误，但没有编译 sass答案

【问题标题】：Gulp not compiling sass although not showing any errorsGulp 虽然没有显示任何错误，但没有编译 sass
【发布时间】：2017-01-30 12:57:00
【问题描述】：

解决方案：

将 _styles.scss 重命名为 test.scss 并将 _styles.css 重命名为 test.css 修复了它。为什么？

它之前工作正常。现在什么都没有被编译。css 文件没有被创建并且是空的或没有更新。

终端：

asd@dsa:/var/www/html/mg/app/design/frontend/Training/default$ sudo gulp default
[sudo] password for asd: 
[14:50:48] Using gulpfile /var/www/html/mg/app/design/frontend/Training/default/gulpfile.js
[14:50:48] Starting 'default'...
[14:50:48] Finished 'default' after 14 ms
^C
asd@dsa:/var/www/html/mg/app/design/frontend/Training/default$ sudo gulp styles 
[14:50:56] Using gulpfile /var/www/html/mg/app/design/frontend/Training/default/gulpfile.js
[14:50:56] Starting 'styles'...
[14:50:56] Finished 'styles' after 13 ms
asd@dsa:/var/www/html/mg/app/design/frontend/Training/default$ sudo gulp pub
[14:51:02] Using gulpfile /var/www/html/mg/app/design/frontend/Training/default/gulpfile.js
[14:51:02] Starting 'pub'...
[14:51:02] Finished 'pub' after 12 ms

gulpfile.js：

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

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

gulp.task('pub', function() {
    gulp.src('web/sass/**/*.scss')
        .pipe(sass().on('error', sass.logError))
        .pipe(gulp.dest('../../../../../pub/static/frontend/Scandi/default/en_US/css/'));
});

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

【问题讨论】：

我觉得应该是.pipe( sass() ).on('error', sass.logError)而不是.pipe(sass().on('error', sass.logError))
@Sergeon 没有改变任何东西。
主 sass 文件的名称中不应包含下划线。 _styles.scss 应该是 styles.scss - 因为它不是部分的。
@jacmoe 谢谢，您可以将其发布为答案。
好吧 - 会的:)

标签： gulp gulp-sass

【解决方案1】：

Gulp-sass 会很高兴地编译所有不是 Sass 部分的东西，只要它发生变化。

默认情况下，每个带有下划线前缀的 Sass 文件都是 partial，并且意味着要导入到一个或多个 Sass 'master' 文件中。

在实践中，这意味着您至少需要一个不带下划线的 Sass 文件才能正确编译/输出。

在您的情况下，只需将 _styles.scss 重命名为 styles.scss，这应该会在您的目标 CSS 目录中生成 styles.css。 :)

Partials 允许您以非常简洁的方式组织您的 Sass 源代码，请参阅The Sass Way - How to structure a Sass project

【讨论】：