如何使用 Gulp 编译并移动到另一个文件夹一堆 sass 文件？答案

【问题标题】：How to compile and move to another folder a bunch of sass files using Gulp?如何使用 Gulp 编译并移动到另一个文件夹一堆 sass 文件？
【发布时间】：2016-04-07 13:19:33
【问题描述】：

如何使用 Gulp 编译 sass 文件并将其从 sass/** 文件夹移动到 css/** 目录？

src('sass/**/*.sass')

dest('css/**/*.css')

PS：每个sass文件都必须编译css-version（没有文件连接）

PPS：我不能使用sass --w sass:css 方法，因为我还必须观察其他文件（.js，.jade）的变化

【问题讨论】：

为什么不能只使用sass --watch sass:css？如果 sass 目录中的所有文件都是部分文件 - 您可以从部分名称中删除“_”，它将编译为单独的 css 文件
@qw1564，好主意。但我不仅要注意.sass，还要注意.js 和.jade 的文件变化。所以我需要一个更灵活的解决方案。

标签： javascript css sass gulp

【解决方案1】：

在你的 gulpfile.js 中

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

// styles task : for generating css
gulp.task('styles', function() {
  return gulp.src('sass/**/*.scss')
    .pipe(sass())
    .pipe(gulp.dest('css/'))
});

// watch task : which will watch for changes, and run styles task
gulp.task('watch', function() {
  gulp.watch('sass/**/*.scss', ['styles']);
});

然后在终端中运行以下命令

gulp watch

【讨论】：

这样我每次需要更新文件时都必须运行这个命令，对吧？我需要一个解决方案，它可以在后台运行，并且仍然允许我观看不同的文件扩展名，而不仅仅是 sass。
@karl_doyle，你真是个天才！谢谢你的帮助！