Gulp：如何将生成的文件输出到与源相同的文件夹中？

Question

1）我已经有了一个角度应用程序设置，其中包含“ 角度应用程序结构的最佳实践 ”。 因此，每个部分的文件夹可能都有自己的* .scss文件。 需要将* .scss转换为* .css，并在同一文件夹中输出* .css文件。

在Gulp中纠缠了几个小时，但语法不正确。 它给了我很多不同的行为，没有一个是我们所希望的。

有人知道Gulp好一点吗？

2）单独的Gulp问题，uglify可以最小化CSS和JS文件吗？ 还是有一个单独的插件可用于缩小CSS？

3）是否也有用于缩小HTML文件的插件？ 对可用功能不太熟悉。 仍然尝试从示例中学习，但是他们将所有不同的插件整合在一起，我不需要全部使用它们。 但是当我将它们拆开时，我正在破坏很多事情，因此使事情正常工作确实很耗时。 我可以花几天时间尝试使它正常工作。

Answer 1

1. 是的，我比咕gr更爱Gulp，我在github上有个要点。 您可以在这里检查它： https : //gist.github.com/manar007/7ce4dd0bdd9b76edb2ea 。 这是一个大型项目，我认为它将对您有所帮助
2. 使用gulp-minify-css ，它主要是为CSS配置的
3. 如果您要构建基于角度的应用程序，那么更好的方法是配置templateCache并将所有HTML放入其中，然后将其与js文件连接，就像嵌入另一个文件gulp-angular-templatecache

gulp.task('build-template-cache', function () {
  var stream = gulp.src('/app/**/*.html')
    .pipe(templateCache({
      module:'yourAngularModuleName'
    }))
    .pipe(gulp.dest(config.distDir + '/js'));
  return stream;
});

您还可以在上面的要点链接中找到其他示例。