Gulp Automation for WordPress Theme Development
=> After cloning the repo, place it inside your theme directory wp-content/themes
.
=> Run npm install
to install the dependencies.
=> Open up 'Gulpfile.js' and change the 'themename' variable with your theme slug (e.g custom-theme). That's it!
=> Go to the gulp directory and open a terminal and run gulp watch
, it'll watch for any file changes inside your theme including sass and javascript files.
This tool comes with BrowserSync so you'll get live reloading feature out of the box as well.
If using Git for theme development and version control, make sure to add rule to ignore the gulp folder in your .gitignore file.
Hope this helps some of you guys with your WordPress Theme Development.
Cheers!