1

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

在 Gulp 中搞砸了几个小时，但语法不正确。它给了我很多不同的行为，但没有一个是我们想要的。

有人更了解 Gulp 吗？

2) 单独的 Gulp 问题，uglify 可以同时缩小 CSS 和 JS 文件吗？或者是否有单独的插件用于缩小 CSS？

3) 是否也有一个插件可以缩小 HTML 文件？对可用的东西不太熟悉。仍在尝试从示例中学习，但他们将所有不同的插件组合在一起，我不需要全部使用它们。但是当我把它们分开时，我破坏了很多东西，所以让它们工作起来真的很耗时。我可以花几天时间，试图让它正常工作。

4

1 回答 1

2
  1. 是的，比起 grunt，我更喜欢 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;
});

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

于 2014-10-06T06:09:00.837 回答