问题标签 [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.
gulp - gulp-html-replace 不替换整个块
我有一个 gulp 任务,它打开一个 index.html 文件并用其他内容替换两个构建/块。我正在使用“gulp-html-replace”:“^1.6.0”
这些块之一未正确执行替换。
这是gulp 任务:
这是需要替换的html块:
这是结果:
如您所见,替换会注入新文本,但不会完全删除现有文本。
有人可以帮我弄清楚这是为什么吗?
谢谢
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。
谢谢,
巴特
gulp - gulp 来自 html 块的管道脚本,并动态设置 html 块的替换名称
也许有人可以指出我的解决方案。
我有带有几个脚本标签的 HTML 文件。我需要
- 管道引用的脚本文件
- 用动态路径替换html文件中的块
我尝试使用 gulp-useref,它完成了我需要的一切,但它不允许动态更改替换脚本名称(必须在 html 注释中说明)
另一个插件 gulp-html-replace 完全满足了我的替换需求,但根本不管道引用的脚本。
解决此类任务的常用方法是什么?因为它似乎并不奇怪。提前致谢。
javascript - Gulp:在 index.html 中转换 java 脚本扩展
我正在尝试将 java 脚本扩展名“.js”转换为“.js.gz”。为此,我选择了gulp-html-replace模块。但我无法得到想要的结果。对于下面的示例,我使用了两个脚本,但我有更多。
index.html(之前):
index.html(gulp后index.html应该是这样的):
但相反,我在运行 gulp 任务后得到了这个
吞咽任务:
如果有人知道此类任务的更好模块,请推荐。请帮助纠正我的吞咽任务
javascript - Gulp JS 和 SASS 缩小哈希文件名并替换 index.html 中的 href 和 src 的任务
下面是 js 缩小任务:
下面是 sass 缩小任务:
这是一个替换所需 html 的任务:
所有三个任务都可以正常工作,但是,我如何将它们合并htmlreplace
到jsBuildDev
任务中;以便'js': 'js/build.min.js'
等于在 js 缩小任务中找到的散列名称?所以它看起来像'js': 'js/build-86fb603a0875705077f6491fee6b5e07-min'
而不是'js': 'js/build.min.js'
.
这同样适用于 sass 任务,但我假设两者都可以使用相同的解决方案来解决。