Gulp 没有编译 sass 虽然没有显示任何错误

Question

解决方案：

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

之前工作正常。现在什么都没有 compiled.The 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']);
});

Answer 1

Gulp-sass 将愉快地编译所有不是 Sass 部分的东西，只要它发生变化就会自动编译。

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

在实践中，这意味着您至少需要一个 Sass 文件不带下划线，以便正确编译为 work/output。

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

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

Gulp 没有编译 sass 虽然没有显示任何错误

Gulp not compiling sass although not showing any errors

gulp

gulp-sass