问题标签 [gulp-html-replace]

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 回答
1125 浏览

gulp - gulp-html-replace 不替换整个块

我有一个 gulp 任务,它打开一个 index.html 文件并用其他内容替换两个构建/块。我正在使用“gulp-html-replace”:“^1.6.0”

这些块之一未正确执行替换。

这是gulp 任务

这是需要替换的html块:

这是结果

如您所见,替换会注入新文本,但不会完全删除现有文本。

有人可以帮我弄清楚这是为什么吗?

谢谢

0 投票
1 回答
1052 浏览

html - gulp-html-replace 无法按预期使用流

我正在尝试使用gulp-html-replace使用流的内容进行替换。文档清楚地表明这是可能的(https://www.npmjs.com/package/gulp-html-replace),但对我来说,它不起作用。

这是令人讨厌的gulp任务之一:

问题是在标记中:

被替换为:

显然,我希望将其替换为文档头部的内联 CSS。

我所做的与文档中的示例之间的一个明显区别是:

文件:src: gulp.src(...).pipe(sass()),

矿:src: gulp.src(...),

即,我没有在其他任何地方通过管道传输流,因为不需要进一步处理:我已经在我的所有 CSS 中运行了sass,并在此任务运行时根据目标环境进行了缩小。

在我看来,我应该做一些事情gulp.src(...).pipe(somethingElse())来获得我想要的结果,但我不确定somethingElse()应该是什么,因为我只想要流的原始内容。这肯定是一件非常简单的事情,但我认为我仍然有足够的 n00b 和这些东西错过它。

请问有人有什么建议吗?

编辑

值得指出的是,我尝试过使用gulp-util的 ( https://github.com/gulpjs/gulp-util ) noop,如下所示:

具有相同的结果 -[object Object]在我处理的视图中,我只是得到了 CSS 而不是 CSS。

谢谢,

巴特

0 投票
1 回答
448 浏览

gulp - gulp 来自 html 块的管道脚本,并动态设置 html 块的替换名称

也许有人可以指出我的解决方案。

我有带有几个脚本标签的 HTML 文件。我需要

  1. 管道引用的脚本文件
  2. 用动态路径替换html文件中的块

我尝试使用 gulp-useref,它完成了我需要的一切,但它不允许动态更改替换脚本名称(必须在 html 注释中说明)

另一个插件 gulp-html-replace 完全满足了我的替换需求,但根本不管道引用的脚本。

解决此类任务的常用方法是什么?因为它似乎并不奇怪。提前致谢。

0 投票
1 回答
72 浏览

javascript - Gulp:在 index.html 中转换 java 脚本扩展

我正在尝试将 java 脚本扩展名“.js”转换为“.js.gz”。为此,我选择了gulp-html-replace模块。但我无法得到想要的结果。对于下面的示例,我使用了两个脚本,但我有更多。

index.html(之前):

index.html(gulp后index.html应该是这样的):

但相反,我在运行 gulp 任务后得到了这个

吞咽任务:

如果有人知道此类任务的更好模块,请推荐。请帮助纠正我的吞咽任务

0 投票
1 回答
1294 浏览

javascript - Gulp JS 和 SASS 缩小哈希文件名并替换 index.html 中的 href 和 src 的任务

下面是 js 缩小任务:

下面是 sass 缩小任务:

这是一个替换所需 html 的任务:

所有三个任务都可以正常工作,但是,我如何将它们合并htmlreplacejsBuildDev任务中;以便'js': 'js/build.min.js'等于在 js 缩小任务中找到的散列名称?所以它看起来像'js': 'js/build-86fb603a0875705077f6491fee6b5e07-min'而不是'js': 'js/build.min.js'.

这同样适用于 sass 任务,但我假设两者都可以使用相同的解决方案来解决。