问题标签 [gulp-rev]

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 投票
1 回答
1237 浏览

gulp - 使用 gulp-replace-task 在 php 文件 (index.php) 中使用 replace

我正在尝试使用gulp-replace-task替换文件中的文本index.php。我知道这可以在.html,.css.js文件中完成,但似乎无法让它在.php文件中工作。

有人能帮帮我吗?

这是我的代码:

0 投票
1 回答
371 浏览

ruby-on-rails - 如何 Monkey-Patch Rails 以使用 Gulp-rev-all Manifest.json?

我正在使用 Rails 4.2、Ruby 2.2

我使用以下方法生成了一个新应用程序: rails new app --skip-sprockets

我所有的 Gulp 任务都成功运行(其中很多:从 gulp-changed 和 gulp-livereload 到 gulp-minify-css、gulp-uncss 等)。

使用 gulp-rev-all 我可以使用 MD5 指纹命名约定生成所有资产。

它们被正确保存到 rev-manifest.json

应用程序/资产/rev-manifest.json:

app/helpers/application_helper.rb

配置/初始化程序/asset_manifest.rb

我错过了什么吗?

0 投票
1 回答
5601 浏览

css - 使用 gulp-rev、gulp-rev-replace、gulp-rev-css-url 进行 Gulp 修订

我正在尝试使用 gulp-rev、gulp-rev-replace 和 gulp-rev-css-url 重写对我的版本化图像文件的引用。

我设法修改了文件并将清单与以下 gulp 代码合并:

这会在正确的位置生成一个合并的清单文件,并且还会生成正确版本的静态资产。

问题是它不会在版本化 CSS 中重写对版本化图像的引用。

运行时,'revision-css'我确实看到了对另一个 CSS 导入的更新引用,但图像引用仍然是未版本化文件的引用。

我使用 run-sequence 包来强制版本控制和清单首先合并,以便最后执行替换,但我不确定运行顺序是否是问题所在。

我的图像通常在 CSS 中被引用:

0 投票
2 回答
1698 浏览

javascript - Gulp Rev doesn't include paths in my manifest file

I have Gulp tasks set up to concat, minify and fingerprint assets all at once, writing them directly to my assets folder:

(the css part)

This fingerprints the files and generates a manifest, but I can't get any paths to be saved to the manifest file. Here's the manifest it generates:

Which I would like to have as:

Especially considering the docs give an example which includes the relative paths

0 投票
1 回答
124 浏览

gulp - gulp-rev 出现奇怪的语法错误

在 gulp-useref 之后使用 gulp-rev 有一个奇怪的问题。我正在使用 gulp-useref 将我所有的 angular、jquery 等连接到一个名为 lib.js 的文件中。

这工作正常,但如果我使用 gulp-rev 将哈希附加到 lib.js 文件名,Visual Studio 和浏览器会抱怨文件中的语法错误。

(FWIW,它抱怨的语句是来自 jquery.js 的 'e.querySelectorAll("*,:x")')。但是,如果我在我的 gulp 任务中注释掉 .pipe($.rev()) 行,一切正常。

但是,当我使用 MD5 或任何散列算法比较 lib.js 和 lib-3654837183.js 时,它们完全相同。那么,为什么浏览器和 VS 会抱怨同名文件的语法错误,而对于同一个文件但名称不同的文件却完全没问题呢?

我在 .cshtml 中的构建块:

有任何想法吗?

马库斯

0 投票
0 回答
306 浏览

node.js - Gulp - 使用“gulp-rev”对我的图像进行版本控制后,如何将它们在不同位置的 CSS 中的引用更新为输出的图像文件?

使用GulpNode.js,我正在创建一个概念证明,它从图像文件夹生成精灵,然后对生成的精灵进行版本化,以便它们具有唯一的文件名以用于缓存清除目的。

我正在使用https://www.npmjs.com/package/gulp-rev对精灵进行版本控制(这可行!),但我在更新 CSS 文件时遇到了对图像的引用的问题。为此目的,我查看了一些工具,但我无法让它们工作。我看过的两个是:

https://github.com/jamesknelson/gulp-rev-replace

(似乎功能齐全,无法弄清楚)

和..

https://github.com/galkinrost/gulp-rev-css-url

(开始工作,但无法将修改后的图像文件的目标和更新的 CSS 与新的图像名称分开)

本质上,我想从中获取所有图像gulp-image-versioning-poc/images/sprites/*.png,然后对其进行版本化,将生成的图像放入gulp-image-versioning-poc/dist/并更新对这些图像的引用gulp-image-versioning-poc/css/*.css

我已经创建了一个我目前在这里拥有的简化示例:

https://github.com/olthof/gulp-image-versioning-poc

如果有人可以帮助我解决这个问题,我将不胜感激!!!

0 投票
1 回答
213 浏览

gulp - Gulp 修订

我一直在研究如何使用 gulp 构建系统自动化开发过程。

我在修改我的样式表时遇到了一些问题。我已经使用 gulp-rev 生成带有更新修订号的文件,但它会继续在文件内的任何更改上创建额外的文件,这会导致我的设置大小增加。

gulpfile.js

我需要帮助来创建具有更新更改的最新文件,并从文件目录中删除以前的文件,或者仅在文件中提供最新更新/更改的文件。

我还使用了其他几个与 rev 相关的插件,但找不到正确的配置方法

0 投票
2 回答
919 浏览

gulp - gulpfile.js:rev.manifest() 没有合并几个 JS 任务

下面的代码没有正确合并 rev-manifest.json 文件。我循环了几个 JS 任务,只有一个被合并,尽管哈希文件正在被正确创建和存储。

我已经尝试了很多东西,我检查了 gulp-rev 并且一些用户接缝有类似的问题。他们中的一些人正在创建几个清单文件,并在最后进行实际的合并。我想放弃这个解决方案,因为它又慢又丑。

如果我注释 concat(...) 行,清单文件将注册所有 JS 任务。

这是一个BUG还是我在这里遗漏了什么?

一饮而尽 3.9.1 一饮而尽 2.6.0 一饮而尽 7.0.0

0 投票
1 回答
69 浏览

gulp - gulp 依赖在中间打破了 gulp

有一天我的 gulp 脚本运行良好,现在这个。

此任务本身可以正常工作,例如

但是,当我介绍一项新任务时

上面的任务gulp minify给了我这个

奇怪的是,我删除了所有过滤器,即

```js

```

然后任务gulp minify工作得很好。gulp 或 gulp-filter 包有问题,还是我使用错误?

我已经在 gulp-filter git repo 上发布了同样的问题,我认为这是 gulp 过滤器的错误。

这里应该做什么?

0 投票
2 回答
734 浏览

gulp - 访问转换后的 gulp 流中的文件名

我配置了以下 gulp 任务:

该代码采用 css 文件,缩小它们,添加修订版(例如 main-abcde123.css),用处理后的文件替换源文件的出现。这是通过 gulp-useref/gulp-rev/gulp-rev-replace plugins 完成的(plugins是一个具有所有已加载插件的对象,即 plugins.useref - 指 gulp-useref 插件)此代码工作正常。我正在尝试对同一流中的结果 css 文件进行一些修改。这是通过transformStream()如下所示的函数完成的:

在这种情况下throughgulp-through2插件。

请看下面的代码console.log(file);。我正在尝试获取缩小的 css 的文件名。上面的代码显示以下内容:

即它不包含文件名,而是某种缓冲区。我阅读了through2文档,但没有澄清这些事情。

所以,我的问题是:我怎样才能访问实际的文件名?