问题标签 [gulp]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
5 回答
27729 浏览

javascript - 使用 gulp.js 编译 HTML 部分

是否有可用于 Gulp 的插件与 Assemble 为 Grunt 做的事情相同?

我想为 Gulp 运行一个组装 HTML 部分的任务,但我找不到插件。有人用过吗,能给个链接吗?


更新:2016 年 4 月 21 日

最近,我一直在使用 Twig.js 和 Gulp,以及 gulp-data 在我的模板中呈现 JSON。我的文章详细介绍。提示:你也可以使用 Nunjucks、Swig.js、Handlebars 等。

文章:使用 Gulp 和 Twig.js 进行前端模板化

0 投票
1 回答
4243 浏览

javascript - 从另一个目录导入 .scss(sass) 文件?

  • 源目录
    • scss
      • 样式.scss
    • 引导-scss
      • _variables.scss
      • 引导程序.scss

所以我想我可能只是将所有bootstrap.scss 文件移动到主“scss”文件夹中,但这更多是最后的手段。

我的问题是我正在尝试导入类似于“bootstrap.scss”的“_variables.scss”,这样我就可以设置一个变量来影响我的主 bootstrap.css 和我的书面 styles.css,很酷吧?但是当我尝试将其导入时,source_dir > scss > styles.scss我得到了一个错误。

现在最后,我正在使用 gulp 进行编译,所以我真的不想看这些文件,这是这里选择的答案SASS: Import a file from a different directory? 我需要在该帖子上阅读更多内容,但是这些天必须有一种导入的好方法吗?

0 投票
2 回答
3074 浏览

gulp - 仅当 Gulp 的业力测试任务成功时,如何运行第二个任务?

我正在使用 Gulp。我有一个deploy在任务之后运行的test任务。问题是deploy即使测试失败,任务也会运行。deploy只有当测试在 gulp 中成功时才能运行任务?

gulp-karma用来运行 Karma 测试。

0 投票
1 回答
2370 浏览

regex - 使用 gulp.src 匹配给定目录的所有子目录,不包括给定目录

我正在使用 gulp 和 gulp-chug 来匹配给定目录的所有子目录。我想要执行的是观看几个项目 gulpfiles。

我想匹配子目录中的所有 gulpfile.js 文件:

同时排除:

我在 gulp.src 上使用以下模式:

当我运行 gulp 任务时,我收到以下错误:

给定模式不应该排除 /path/to/dir/ 吗?为什么它在我不想匹配的目录上寻找 gulp?Gulp 没有安装在 /path/to/dir/ 上,因为我不想在这个目录上搜索 gulpfiles。

提前致谢!

0 投票
2 回答
2021 浏览

javascript - 如何正确读取 Gulp 任务中的多个文件?

我有一个 Gulp 任务,它呈现一个包含 Lodash 模板的文件并将其放在我的构建目录中。我使用gulp-template进行渲染。

为了正确渲染,我的模板需要从我的构建目录中传递一个文件列表。我使用glob得到这个列表。由于 glob API 是异步的,我不得不像这样编写我的任务:

这对我来说似乎很不雅。有没有更好的方法来编写这个任务?

0 投票
1 回答
2776 浏览

javascript - 如何防止 gulp-notify 在 Windows 中破坏 gulp-watch?

我正在使用gulp-notify插件。这是我如何在 gulpfile.js 中实现它的一个示例(您可以看到我也在使用 gutil 和 livereload。我不知道它们是否发挥了任何作用,但如果它们发挥作用,请告诉我。)

该插件适用于 OS X 和 Linux。在没有通知功能的 Windows 上,它会返回错误并破坏 gulp-watch 插件。这是我如何设置 gulp-watch 的示例:

因此,我在文档中阅读了 gulp-pipe 插件可以帮助我在 Windows 上不破坏 gulp-watch,但我找不到如何在这样的设置中使用它的示例。

0 投票
1 回答
3940 浏览

node.js - 将 gulp-livereload 与 Watchify 集成

我在 Gulp 监视任务中使用 Substack 的 Watchify 来构建更好的 Browserify,如下所示:

试图弄清楚如何将 Live Reload 合并到任务中,以便在 Watchify 完成时触发它。知道我会怎么做吗?

0 投票
1 回答
10760 浏览

javascript - 在 Gulp 中的“管道”之间传递变量

我正在尝试编写一个通过gulp-prompt 插件获取一些用户输入的 gulp 任务。但是我无法将该输入传递给其他例如:

假设我hello在提示符下输入,我期待确认说You said Hello,但它说You said MONKEY

Gulp 可以吗?

0 投票
2 回答
2493 浏览

javascript - Fuel UI Uncaught ReferenceError: 未定义定义

我正在尝试在一个项目中使用 Fuel UI Spinner,该项目使用 Bower 进行依赖管理,使用 gulp.js 构建文件。

这是我的代码:

gulpfile.js:

脚本.js

当我这样做时,我收到以下错误:

Uncaught ReferenceError: define is not defined

0 投票
1 回答
145 浏览

html - 第一次使用 Gulp - 我的文件保存在哪里?

我第一次尝试使用 Gulp,我遵循了许多教程并且能够运行 Gulp,但是我找不到我新创建的文件的放置位置!

这是我的项目结构:

很简单的设置。

在我的根文件夹(GulpTest)中,我有一个:

package.json 文件:

一个 gulpfile.js 文件,其中包含:

我在 Authenticated 中创建了一个名为 js 的新文件夹,我认为新代码会/在这里创建?

我错过了什么吗?