https://github.com/pyronaur/wp-theme-gulper
A Gulp.js workflow to build and package WordPress themes
https://github.com/pyronaur/wp-theme-gulper
Last synced: 10 months ago
JSON representation
A Gulp.js workflow to build and package WordPress themes
- Host: GitHub
- URL: https://github.com/pyronaur/wp-theme-gulper
- Owner: pyronaur
- Created: 2017-12-07T22:33:32.000Z (over 8 years ago)
- Default Branch: master
- Last Pushed: 2018-01-28T18:25:02.000Z (over 8 years ago)
- Last Synced: 2025-02-15T00:20:06.388Z (over 1 year ago)
- Language: JavaScript
- Size: 8.79 KB
- Stars: 1
- Watchers: 2
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: readme.md
Awesome Lists containing this project
README
# WordPress Theme Packer
Guide coming soon, until then - a TL;DR Summary:
**Step 1:**
Paste this in your project somewhere. I'm used to `/assets/gulp`
**Step 2:**
Create a file called `gulpfile.babel.js` with contents:
```js
import './assets/gulp/autoinit'
```
**Step 3:**
Create file called `./babelrc`
```json
{
"presets": [ "env" ]
}
```
**Step 4:**
Run
```
npm i --save babel-preset-env babelify browser-sync browserify defaults-deep gulp-autoprefixer gulp-buffer gulp-clean-css gulp-error-handle gulp-replace gulp-sort gulp-sourcemaps gulp-strip-debug gulp-stylus gulp-tap gulp-uglify gulp-wp-pot gulp-zip node-notifier run-sequence yamljs gulp-prompt run-sequence gulp-rename gulp-replace gulp-prompt gulp-sort
```
**Step 5:**
Create configuration file `theme.yml`
```yaml
# Theme info:
name: Theme Name
slug: theme-name
email: your@email.com
author: Your Name # for pot files
# Tell BrowserSync where you're site is at:
development_url: http://theme.wp
# Build Process
exclude_files:
- theme.yml
- gulpfile.babel.js
- assets/gulp
- assets/style
- assets/gulp/**
- assets/style/**
- assets/scripts
- assets/scripts/**
- README.md
- push.js
- package.json
- package-lock.json
```