Gulp

Gulp is a toolkit for automating painful or time-consuming tasks in your development workflow, so you can stop messing around and build something.

By preferring code over configuration, node best practices, and a minimal API surface - gulp makes things simple like never before.

How to Install

If you are after more customization I have also included a custom Gulp file, which can be used to quickly re-compile a theme’s CSS, JS and HTML. You’ll need to install both Node and Gulp before using our included gulpfile.js.

Once node is installed, run the following npm command to install Gulp from ./build folder.

$ npm install gulp -g

When you’re done, make sure you’ve installed the rest of the theme’s dependencies:

$ npm install

Now, modify your source files and run gulp to generate new local ./upload files automatically. Be aware that this replaces existing ./upload files, so proceed with caution.

Commands

To compile Gameforest automatically everytime you change the SASS, JavaScript or Twig, you can use the included build scripts. This will run a localhost environment and it will open the site automatically in new browser tab.

$ gulp

Run gulp build-html command to rebuild every single html file. So if you change menu names and want to update it on every single page then run this command below:

$ gulp build-html

With gulp build-sass command you can compile sass files to css. It will create a theme.min.css and an unminified theme.css file in ./upload/css folder.

$ gulp build-sass