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

Question

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

在Gulp中已经折腾了几个小时，但无法正确理解语法。它给了我很多不同的行为，但都不是我想要的。

有人更了解咕噜吗？

2） 分离Gulp问题，uglify可以缩小CSS和JS文件？或者有一个单独的插件可以用来缩小CSS吗？

3） 是否也有缩小HTML文件的插件？对可用内容不太熟悉。仍然试图从一个例子中学习，但他们把所有不同的插件都弄乱了，我不需要使用所有的插件。但当我把它们拆开的时候，我打碎了很多东西，所以让事情运转起来真的很耗时。我可以花上几天的时间，试着让它正常工作。

Answer 1

1. 是的，我喜欢咕噜而不是咕噜，我有一个关于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;
});

你们可以在上面的要点链接中找到其他例子。