问题标签 [gulp-less]

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 投票
2 回答
3408 浏览

node.js - 将 Gulp 任务合并到一个 gulp-rev 清单中

刚从 Gulp 开始 - 这太棒了。这可行,但 rev.manifest 会自行写入,并且其中没有“样式”和“脚本”。一定会有更好的办法。正确的?:-)

编辑:尝试使用 es 仍然是编写清单的情人:

0 投票
1 回答
377 浏览

css - Gulp sourcemaps + 不同的 CSS 预处理器?

这是我正在使用的任务的简化版本:

(这是Coffeescript,但Javascript几乎相同。如果上面难以解析,我可以提供JS。)

运行上述内容时,gulp-sourcemaps 会抛出:

换句话说,它在 Font Awesome 目录中寻找 Bootstrap 的文件。我尝试使用 gulp-if 代替 gulp-filter,但同样的错误也失败了。

编写此任务的正确方法是什么?

0 投票
2 回答
1743 浏览

css - Gulp gulp-less 和 gulp-sourcemaps 给出错误的 sourceMappingURL

我有一个简单的较少任务的 gulp 工作流程,如下所示:

我希望gulp-sourcemaps模块在我的 CSS 文件中将源映射显示为内联注释。但是每当 gulp 编译我的 LESS 时,gulp-sourcemaps 不会显示我的源文件的路径。相反,它显示如下内容:

我极大地简化了我的 gulpfile,删除了 livereload、autoprefixer 等。但即使在这个精简的版本中,我也无法让源 URL 正确。

已经处理这件事很长一段时间了,任何帮助将不胜感激!

0 投票
3 回答
3891 浏览

javascript - Gulp plumber cannot pipe to undefined

I am trying, to write a module that when gulp is watching a task, and a Less file changed with some error, it should give a message to the console, but it should not crash the system, which it does no: This is the code I have written:

When I run the above code, I get the error below:

0 投票
3 回答
3973 浏览

javascript - 增量 gulp 少构建

在我的办公室里,我们使用 gulp 来构建我们的 less 文件。我想改进构建任务,因为在我们最近从事的一个大型项目上构建需要花费一秒钟的时间。这个想法是缓存文件并只传递更改的文件。所以我从 google 开始,发现 javascript 的增量构建我认为用更少的钱重写它们很容易。这是我开始的一个:https ://github.com/gulpjs/gulp/blob/master/docs/recipes/incremental-builds-with-concatenate.md

经过几次不成功的尝试后,我最终得到了以下代码(使用最新的引导发行版进行了测试):

但这仅传递更改的文件,并且由于缺少变量定义而导致编译器失败。如果我在 less 任务之前通过管道连接 concat 插件,gulp 会陷入(看似)无限循环。

有没有人使用过这些插件或设法以其他方式创建增量更少的构建。这是一个用于测试的(凌乱的)github存储库:https ://github.com/tuelsch/perfect-less-build

PS:我计划添加 linting、sourcemaps、minification、evtl。稍后缓存清除和自动前缀。

0 投票
3 回答
1122 浏览

durandal - gulp-durandal TypeError:req.toUrl 不是函数

我尝试按照Durandal gulp doc上的说明对我的 durandal 项目实施 gulp

main.js 文件已成功构建,但是当尝试单击将打开模式对话框的内容时,它将显示此错误(firefox):

这是我在 gulpfile.js 上的配置

我也遇到了这个答案https://stackoverflow.com/a/23329383/1889014

但我不确定这是否与我的问题有关。

有人可以帮助或指导我完成这个吗?谢谢!

0 投票
1 回答
944 浏览

gulp - 如何使用 gulp-watch 和 gulp-less 传递相对目标路径

所以我想观察对更少文件所做的更改,并使 CSS 的目标路径与更改的更少文件所在的文件夹相同。

这是一般文件结构:

这是我认为可能可行的方法,但我意识到路径可能没有意义,而且我不确定通过正确目的地的最佳方式。

谢谢

0 投票
1 回答
255 浏览

javascript - 与普通的“gulp less”命令相比,“gulp watch”事件的编译时间要少一倍

我的 Gulp 'watch' less 函数存在问题,因为与单个 less 函数相比,编译 less 文件的时间要长 2 倍。

当我使用“gulp less”时,平均需要 9/10 秒

但是,当我使用“gulp watch-less”时,然后更改一个文件以触发 watch 功能,与“gulpless”相比,它所花费的时间大约是两倍。

下面是我的 gulpfile.js,它引入了“paths.json”,因为我有 5 个不同的主题(此问题的名称已更改),因此需要将正在使用的较少文件输出到相关文件夹中,这就是为什么我使用函数“updateDestFolder”。

导入 less 的方式是基础主题的更改应该更新主题 2-5。

路径.json:

如果有人可以建议在不需要使用该功能的情况下确定 dest 文件夹的任何改进,我也将不胜感激。

谢谢

0 投票
2 回答
1584 浏览

gulp - gulp-watch,gulp-watch-less 不要开火

在遵循记录的示例后,我无法让gulp-watchgulp-watch-less触发。我最初遇到的问题是lazypipe(此处未显示),但在我看来,我在使用插件的方式上做错了。这是我的愚蠢代码,但仍然无法正常工作。

请注意,我使用普通的 gulp-watch 进行了尝试,它表现出完全相同的问题:它不会触发后续管道的更改。如果出现问题,我将在此处包含相关信息。

这是我的 gulpfile。

当我启动任务时,它会完美地执行并生成预期的文件。我看到调试输出流信息也很好。

当我更改文件时,我看到 watchLess 正在接受更改:

但是,较少的任务不会执行。它似乎没有发出任何东西,因为调试没有触发。

这是相关的 package.json 信息:

0 投票
1 回答
5837 浏览

gulp - 源地图的路径错误

我使用包gulp-lessgulp-sourcemaps. 我的 less 文件位于 下Styles/main.less,但生成的源映射指向source/main.less(其中source/似乎是前缀)。如何解决这个问题,以便源地图正确指向source/Styles/main.less

我的 gulp 任务相当简单: