Question

1）我已经使用＆＃34; best practices for angular app structure＆＃34;进行了角度应用设置。因此，每个部分的文件夹可能都有自己的* .scss文件。需要将* .scss转换为* .css，并在同一文件夹中输出* .css文件。

在Gulp中乱搞了几个小时但却无法正确理解语法。它给了我很多不同的行为，但都不是。

任何人都知道Gulp好一点吗？

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

3）是否有一个插件来缩小HTML文件？不太熟悉可用的东西。仍然试图从一个例子中学习，但他们将所有不同的插件混合在一起，而且我不需要使用所有这些插件。但是当我把它们分开时，我打破了很多东西，所以让事情变得非常耗时。我可以花上几天时间，试着让它正常工作。

Answer 1

是的我比Gulp更爱Gulp，我在github上有一个例子。您可以在此处查看：https://gist.github.com/manar007/7ce4dd0bdd9b76edb2ea。这是一个大型项目，我认为它会对你有所帮助
使用gulp-minify-css，它主要配置为CSS内容
如果您正在构建基于角度的应用程序，那么更好的方法是配置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;
});

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

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

1 个答案: