Gulp Workflow for WPPB!

This is a simple workflow to help developing with the WordPress Plugin Boilerplate https://wppb.me/. This is nothing fancy.

Quick Note:

I currently only need CSS to be all juiced up. Moving on to JS will be coming shortly.

Installation

cd into/your/wppb/directory

git clone https://gitlab.com/alexanderwinstoncoleman/gulp-workflow-for-wordpress-plugin-boilerplate.git

npm install

First Run:

gulp startUp

This will create some src folders, then move the .css and .js into src and remove them from the initial folder:

public/css/src/
public/js/src/
admin/css/src/
admin/js/src/

How it is setup

The CSS files in the src folder above will be automagically compressed, prefixed, spit-shined, and placed in the parent directory.

Currently Available Tasks:

Only admin CSS

gulp adminCss

Only public CSS

gulp publicCss

Both public and admin CSS

gulp styles

As described above

gulp startUp

watch both public and admin CSS

gulp watchCSS

TODO:

1. On startUp: copy file from parent to src folder, remove original file.
2. Get JS linting/transpiling working.
3. Get a production zip built and which will removed all src files, and create a zip that can be dropped into wp-content/plugins/.