问题标签 [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 投票
3 回答
35513 浏览

css - Gulp-sass 无法编译 scss 文件

我正在使用 Gulp 将我的 sass 编译成 css。一个简单的任务编译目录style.scss中的文件_/sass并将输出保存到项目的根目录中。style.scss仅用于导入目录中的其他文件_/sass

当我从命令行 ( $ gulp) 运行默认任务时,我收到一个 sass 无法编译的错误。它全部包含在下面。我已从包含的文件中删除所有内容并再次运行该任务。我仍然收到相同的错误(我在网上阅读的内容表明这可能会测试编码问题。我不完全理解编码以及这可能会如何破坏我的场景)。

我还从命令行运行,该命令行$ sass _/sass/style.scss style.css与包含文件中的内容完美配合。这表明 gulp sass 插件本身存在问题。

gulpfile.js 的相关片段:

style.scss 的完整内容:

目录结构:

终端吐出:

0 投票
4 回答
17982 浏览

javascript - Gulp less 未正确处理包含未定义的包含变量

我正在使用 less 和 Grunt,并且正在转向 gulp。

我的少作品。当我运行时:

我得到没有错误的工作输出。我所有的 less ,包括包括在内,都在 public/less中,顺便说一句。这是我的 gulpfile:

当我运行 gulp 时,我得到:

@brightblue 在 myapp.less 开始处导入的文件中定义。

  • 为什么 gulp 不接收我的包含?为 less 指定 'paths' 选项应该可以使它工作,但它并没有修复它。
  • 调试这个的好方法是什么?例如,我没有行号。
  • 有没有办法让 gulp 工作?
0 投票
2 回答
3403 浏览

javascript - Gulp.js - 在更改时监视和编译 swig.js 模板文件

我遇到了观看我的Swig.js html 模板并在每次更改时编译它们的问题,为此我使用Gulp.js任务运行器。这是我的gulpfile.js

神话任务样式运行良好-每次更改myth/*.css我都在client/css/..

但是名为模板的任务只给出一次结果。当我更改views/index.html文件时client/index.html保持不变。在我的控制台中,我看到模板任务已运行但结果仍然相同..

也许我错过了一些缓存选项或类似的?!

0 投票
3 回答
18308 浏览

concatenation - 有没有办法重写 HTML 以使用 gulp-minified CSS

我正在努力解决以下问题:

我的 gulpfile.js 编译所有 .less,缩小它并将所有 CSS 连接到 ./dist/all.min.css

有没有一种方法可以重写 HTML 文件,删除所有样式标签,然后只将一个样式标签放入其中加载缩小的 CSS?

0 投票
4 回答
19196 浏览

node.js - gulp-sass,当属性名称无效时手表停止

出现错误消息时手表停止。

我如何保持手表运行,并告诉我错误在哪里。

grunt 可以处理错误并且不需要停止,

否则,当发生错误时,我需要在命令行中继续输入“gulp”。

0 投票
3 回答
7212 浏览

gruntjs - 从 Grunt 到 Gulp

我目前正在尝试将我的 Grunt 文件转换为 Gulp 文件。我的第一次尝试是使用一个非常简单的文件,它只运行 JSHint 和 Mocha,并具有监视模式。我的第一个结果是相当……嗯……幻灭。

遇到了几个问题,希望有办法解决:

  • 我意识到 Gulp 异步运行所有任务。如果我想等待任务完成,文档会告诉我使用回调、承诺或返回流。但是我该如何使用gulp-mochaandgulp-jshint呢?这些插件支持吗?
  • 失败gulp-jshint并没有使构建失败。gulp-jshint如果失败,我如何告诉 Gulp 停止继续?
  • 使用watchGulp 入门指南中描述的模式会导致Too many open files运行时出错gulp。知道可能出了什么问题吗?

(请注意,这里我特意没有说明源代码,因为前两个问题是一般问题,最后一个是默认文件。)

对此有什么帮助吗?

0 投票
3 回答
50624 浏览

bash - 如何在 gulp 中运行 bash 命令?

我想在函数末尾添加一些 bash 命令gulp.watch来加快我的开发速度。所以,我想知道这是否可能。谢谢!

0 投票
3 回答
9294 浏览

node.js - 将 glob 扁平化到一个目录

在 Gulp 中,我使用gulp.src从目录中选择每个字体文件:

但是,我希望将所有这些字体文件并排放在一个目录中,而不是从components目录中重新创建整个树。

查看 Gulp、Gulp Utils 和 npm-glob API 并没有真正帮助我,尽管我可以很容易地跳过它。

最好的方法是什么?

0 投票
5 回答
83586 浏览

node.js - 寻找在 gulp 中复制文件并根据父目录重命名的方法

对于每个模块,我都有一些需要复制到构建目录的文件,并且正在寻找一种方法来最小化重复代码:

像这样:

显然上述方法不起作用,那么有没有办法做到这一点,或者一个已经做到这一点的 npm 呢?

谢谢

0 投票
4 回答
5518 浏览

jekyll - 使用 Jekyll 和 Gulp

我读到 Gulp 并被其哲学所吸引。我想自己尝试一下,但我遇到了一个小问题。我习惯于将 Jekyll 与 Grunt 一起使用,但我不知道如何让 Jekyll 与 Gulp 配合得很好。

我遇到过这篇文章,它表明在使用 Gulp 时不需要 Jekyll 插件。不幸的是,它并没有真正解释如何去做和例子对我没有多大帮助。

有谁知道该怎么做?