问题标签 [gulp]

有没有人成功让 Gulp-sass 与 Foundation 4/5 合作（最好使用指南针？）

该应用程序正在成功使用foundation 4，没有gulp，使用compass watch. 但我想开始使用 gulp 来简化我的 sass/coffee/minification 编译。

这是我的 gulpfile.js

这对于咖啡脚本编译很有用，但在 sass/compass 的注释行中失败了。

有没有办法解决这个问题，或者我最好的选择是从 4 升级到 5 并将基础文件添加到我的 src/coffee 中，所以它不必依赖于查看我的.rvm/../gems文件夹？

我刚开始玩gulp，它非常快速且易于使用，但它似乎有一个严重的缺陷：当一个任务需要输出多种类型的文件时，你会怎么做？

例如，gulp-less表示它甚至不支持该sourceMapFilename选项。我不希望我的源映射嵌入到我的 CSS 文件中。我被圈套了吗？我应该回到使用 Grunt，还是有办法解决这个问题？

我目前正在使用 Grunt，当我尝试 Gulp 时，我第一次遇到的 Grunt 问题也发生在我身上。

我正在尝试处理一些 js 文件（concat、uglify 和缩小它们），但我不希望所有这些文件都编译成一个大文件，我想要多个输出文件，每个文件都来自一些输入文件的处理：

我发现（目前）使用 Grunt 实现这一目标的唯一方法是使用多个手表和多个 uglify 任务（或一个 uglify 任务和一个监听器更改以动态修改 uglify 任务 src 和 dest）：

而且，您可以想象，这只是一个示例，在我的大型 Web 应用程序的情况下，不仅仅是三个输出 js 文件，而且我还将少一些文件处理成一些 css 文件

我的 Gruntfile 真的很大，我发现它有很多重复的代码，有没有办法让这个代码重构为一个 watch 和一个 uglify 任务，自动猜测 src 和 dest 有某种依赖（知道如果four.js文件被修改，它必须处理第三个输出）？

如果你有办法用 Gulp 来做这件事，我会很高兴地接受它，因为我想在我通常的工作流程中测试它。

当我导入

在我的 sass 文件中，预处理器中断并声明它们没有找到。

我已经检查了 gem（查看它们是否已安装）并使用下面的 gulp.js 要求它们..

任何帮助将非常感激。

我正在运行一个将 HAML 和 LESS 转换为 PHP 和 CSS 的简单脚本。我还使用 gulp.watch 来检查我所做的所有更改。

问题：gulp-less 和 gulp-haml 正确处理文件。但是当 gulp.watch 看到文件中的更改时，文件最终为空。gulp.watch 正在使用与成功创建 php 文件完全相同的任务。

I have a basic gulp.js setup running in my wordpress environment. Everything works how I would like except for the way I am reloading my changed .php files. I have it set up like this:

I am essentially just having it reload the page whenever any php file is saved, but whenever I save one, it will automatically refresh every php page, whether I have it open, whether it was saved, or anything else:

Is there a way I can have it only livereload the page that was saved? This seems to be the only thing I can't get to work how I want with gulp; I am loving how much faster it runs than grunt, though.

EDIT: @SirTophamHatt

在我的 gulp.js 文件中，我将文件夹中的所有 HTML 文件流式传输examples到build文件夹中。

创建 gulp 任务并不难：

但是我不知道如何检索在任务中找到（和处理）的文件名，或者我找不到合适的插件。

在使用 gulpjs 编译包含指南针导入的 sass 时遇到困难，我已经阅读了一些包含 config.rb 指南针文件的文章，但想知道这是否是完全必要的，因为使用 grunt 我不需要这样做？

这是我的指南针 gulp 条目：

我通常的咕噜声是：

如果有人可以帮助解释我需要做什么，那就太好了

每次源文件更改时，我都会尝试连接gulp-browserify并重建我的包。gulp-watch但是，gulp-browserify编译需要一个入口点（例如src/js/app.js）并获取每个依赖项本身：

但是，gulp-watch由于只监视入口点文件，因此无法在每次更改时重建。我真正需要的是可以观看多个文件，然后只处理入口点文件（查找replaceEverythingWithEntryPointFile）：

所以问题是：我如何指向gulp-browserify入口点文件并在任何源文件的更改时触发重建？如果解决方案包括限制会很好：启动时，每个源文件都被设置为观看，因此我们的入口点文件将被管道传输到与文件gulp-browserify一样多的次数，这是不必要的。

我在一个项目中使用 browserify 和 browserify-shim，使用 gulp-browserify 通过 gulp 运行。

此设置工作正常，并且对于大多数部分而言，如预期的那样。但是，Browserify 将始终在构建中包含所有已填充的库，即使它们都没有被 require() 调用。

该主题的文档似乎不存在。有没有办法防止这种情况？这对我来说似乎非常违反直觉 - 构建应该只包含我实际需要的内容。

（更新：我使用 napa/npm 安装了 angular 和其他库）