- Node.js > 6.9
- Gulp.js > 3.9
Copy this folder into the same directory with your theme. Install all the denpendencies. Then you need to update the theme name in gulpfile.js
...
var themename = 'Your-Theme-Name'
...
And Browsersync config to your choice.
From the command line on your host machine, navigate to the gulp-dev directory then run
$ gulp
If you are using VS Code you can use builtin gulp-task
You can run your task through Quick Open (⌘P) by typing 'task', Space and the command name.
Please refer to VS Code documentation for more details.
From the command line on your host machine, navigate to the gulp-dev
directory then run
$ npm install
gulp styles
— Compile, autoprefix and minify Sass files.gulp scripts
— Minify javascript files.gulp images
— Compress and optimize images.gulp watch
— Compile assets and watch file changes with Browsersyncgulp
— (Default task) runs all of the above tasks.
gulp i18n
— Scan the theme and create POT file.gulp zip
— Package theme into zip file for distribution.gulp bump
- Bumps version number in all files. See options below.--major
version when you make incompatible API changes--minor
version when you add functionality in a backwards-compatible manner--patch
version when you make backwards-compatible bug fixes--to
allows you to define a custom version number, e.g.gulp bump --to 0.1.0
To use Browsersync you need to update the proxy URL in gulpfile.js
under watch
task to reflect your local development hostname.
If your local development URL is my-site
, update the file to read:
...
proxy: 'localhost/my-site',
...
You can also update to use your favorious browser. For instance, I'm using Firefox Developer on Mac OS so I need to update the path to my app under applications folder. For more information check out BrowserSync documentation
...
browser: '/Applications/Firefox\ Developer\ Edition.app'
...
This project is licensed under the MIT License - see the LICENSE.md file for details.