Gulp

2020-03-01

2022-09-15

Jacques Leemans

G, Gulp

1 min. read

Gulp is an automation tool.

Introduction to Gulp

What is Gulp?
Gulp is an automation tool.

What is Gulp used for?
HTML has always broken the DRY Principle.

Automate uglify of JavaScript
Automate NodeJS
Copy files/folders from one location to another
Copy minify files
Include files
Browser Sync

How can Gulp be used in GameDev?

Use Cases of Gulp

Static Website

Let’s say you have a static website, which has a bunch of HTML, CSS, JS files. Each HTML file has a header, which is the same in each HTML file. Each time you make a change to the HTML file, you have to copy that change over. This is where gulp-file-include comes in, you can split your HTML page up into components like:
nav-component.html
header-component.html

Then in each HTML file where you want to use it, you just include the component as follows:
@@include(‘./nav-component.html’)