html - 带有 gulp 的 HTML 中的变量

Question

有没有办法在 HTML 中用 gulp 替换变量？在我的例子中，我有开发 HTML 文件，其中是图像的路径，例如/assets/img/*.jpg，但在生产文件中，我需要将这些路径替换为 CMS 在文件上传后生成的路径。它们完全不同，文件夹名称中没有逻辑，例如/12365/586/*.jpg。

我正在寻找:

• gulp 任务替换和生成用于开发的 HTML
• gulp 任务替换和生成用于生产的 HTML

开发 HTML

variable_name_dev = "/assets/img"
variable_name_prod = "/12365/5698"

<img src="variable_name/bg.jpg" alt="Smiley face">

生成的开发 HTML

<img src="/assets/img/bg.jpg" alt="Smiley face">

生成的生产 HTML

<img src="/12365/5698" alt="Smiley face">

Answer 1

gulp-inline-image-path怎么样？ ？或者我用过 gulp-token-replace对于类似的场景。