Variables in HTML with gulp

Question

Is there a way to replace variables with gulp inside HTML? In my case, I have development HTML files where are paths for images, for e.g. /assets/img/*.jpg, but in production file I need those paths replace with ones which the CMS generates after file uploads. They are completely different and there isn't logic in folder names for e.g. /12365/586/*.jpg.

Im looking for:

gulp task to replace and generate HTML for development
gulp task to replace and generate HTML for production

Dev HTML

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

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

Generated Dev HTML

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

Generated Production HTML

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

Jeremy H. · Accepted Answer · 2015-11-03 20:52:30Z

3

How about gulp-inline-image-path? Or I've used gulp-token-replace for similar scenarios.

answered Nov 3, 2015 at 20:52

Jeremy H.

5231 gold badge5 silver badges18 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

Poornamith Over a year ago

gulp-token-replace works like a charm

Collectives™ on Stack Overflow

Variables in HTML with gulp

1 Answer 1

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related