Question

希望有人帮我把我的SCSS文件用gulp编译。

我一直在对此进行大量阅读（http://www.devworkflows.com/posts/getting-scss-auto-prefixer-and-source-map-to-play-nice/）并遵循此堆栈溢出对话（Gulp-sass will not compile to CSS）等。我仍然无法使用我的gulp脚本编译我的.scss。

当我运行gulp sass时，过程输出：

[16:25:32] Working directory changed to ~/projects/theBeta
[16:25:32] Using gulpfile ~/projects/theBeta/gulpfile.js
[16:25:32] Starting 'sass'...
[16:25:32] Finished 'sass' after 6.37 ms

但是没有输出文件。我已经能够使用此命令 - sass scss/_bootstrap.scss:css/compiled/bootstrap.css

通过命令行使其工作

这是有问题的剧本：

// Compile sass
gulp.task('sass', function() {
  gulp.src('./app/styles/scss/_bootstrap.scss')
    .pipe(sass({sourcemap: true}))
    .on('error', sass.logError)
    .pipe(gulp.dest('./app/styles/css/compiled'));
})

我遗失了一些微妙的东西，还是我不理解/不知道的行为？

Answer 1

在return前面添加gulp.src并将_bootstrap.scss重命名为bootstrap.scss，因为它不是包含的内容：

gulp.task('sass', function() {
  return gulp.src('./app/styles/scss/bootstrap.scss')
    .pipe(sass({sourcemap: true}))
    .on('error', sass.logError)
    .pipe(gulp.dest('./app/styles/css/compiled'));
})

Gulp-sass不会编译

1 个答案: