问题标签 [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.
node.js - 将 Gulp 任务合并到一个 gulp-rev 清单中
刚从 Gulp 开始 - 这太棒了。这可行,但 rev.manifest 会自行写入,并且其中没有“样式”和“脚本”。一定会有更好的办法。正确的?:-)
编辑:尝试使用 es 仍然是编写清单的情人:
css - Gulp sourcemaps + 不同的 CSS 预处理器?
这是我正在使用的任务的简化版本:
(这是Coffeescript,但Javascript几乎相同。如果上面难以解析,我可以提供JS。)
运行上述内容时,gulp-sourcemaps 会抛出:
换句话说,它在 Font Awesome 目录中寻找 Bootstrap 的文件。我尝试使用 gulp-if 代替 gulp-filter,但同样的错误也失败了。
编写此任务的正确方法是什么?
css - Gulp gulp-less 和 gulp-sourcemaps 给出错误的 sourceMappingURL
我有一个简单的较少任务的 gulp 工作流程,如下所示:
我希望gulp-sourcemaps模块在我的 CSS 文件中将源映射显示为内联注释。但是每当 gulp 编译我的 LESS 时,gulp-sourcemaps 不会显示我的源文件的路径。相反,它显示如下内容:
我极大地简化了我的 gulpfile,删除了 livereload、autoprefixer 等。但即使在这个精简的版本中,我也无法让源 URL 正确。
已经处理这件事很长一段时间了,任何帮助将不胜感激!
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:
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。稍后缓存清除和自动前缀。
durandal - gulp-durandal TypeError:req.toUrl 不是函数
我尝试按照Durandal gulp doc上的说明对我的 durandal 项目实施 gulp
main.js 文件已成功构建,但是当尝试单击将打开模式对话框的内容时,它将显示此错误(firefox):
这是我在 gulpfile.js 上的配置
我也遇到了这个答案https://stackoverflow.com/a/23329383/1889014
但我不确定这是否与我的问题有关。
有人可以帮助或指导我完成这个吗?谢谢!
gulp - 如何使用 gulp-watch 和 gulp-less 传递相对目标路径
所以我想观察对更少文件所做的更改,并使 CSS 的目标路径与更改的更少文件所在的文件夹相同。
这是一般文件结构:
这是我认为可能可行的方法,但我意识到路径可能没有意义,而且我不确定通过正确目的地的最佳方式。
谢谢
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 文件夹的任何改进,我也将不胜感激。
谢谢
gulp - gulp-watch,gulp-watch-less 不要开火
在遵循记录的示例后,我无法让gulp-watch或gulp-watch-less触发。我最初遇到的问题是lazypipe(此处未显示),但在我看来,我在使用插件的方式上做错了。这是我的愚蠢代码,但仍然无法正常工作。
请注意,我使用普通的 gulp-watch 进行了尝试,它表现出完全相同的问题:它不会触发后续管道的更改。如果出现问题,我将在此处包含相关信息。
这是我的 gulpfile。
当我启动任务时,它会完美地执行并生成预期的文件。我看到调试输出流信息也很好。
当我更改文件时,我看到 watchLess 正在接受更改:
但是,较少的任务不会执行。它似乎没有发出任何东西,因为调试没有触发。
这是相关的 package.json 信息:
gulp - 源地图的路径错误
我使用包gulp-less
和gulp-sourcemaps
. 我的 less 文件位于 下Styles/main.less
,但生成的源映射指向source/main.less
(其中source/
似乎是前缀)。如何解决这个问题,以便源地图正确指向source/Styles/main.less
?
我的 gulp 任务相当简单: