Gulp Webpack Starter - A simple web-development toolkit using Gulp task runner and Webpack bundler. Ideal for building static HTML templates, speeding up Wordpress theme development, or any similar template-driven and front-end project.

1. Features
2. Getting Started?
   • Recommendations
   • Static templating
   • Wordpress
3. Configuration
4. Changelog
5. Contributing

Make sure you have the following installed:

• Node.js
• npm or yarn

Recommended to use node 8.9. (last LTS version)*

git clone https://github.com/wwwebman/gulp-webpack-starter <my-project-name>
cd <my-project-name>

yarn
yarn start

Easy, right?

Install Wordpress on you localhost (MAMP, LAMP)

cd into your theme directory. E.g.:

  cd project/wp-content/themes/customTheme/

git clone https://github.com/wwwebman/gulp-webpack-starter frontEnd
cd frontEnd

Certain defaults will need to be changed in tasks/config.json* for WP development.

1. Change the global assets output, since we want to export assets to the theme root directory:

"dist": "../" 

2. Disable the html run task, since we don’t need to compile HTML in this project:

"html": {
  "run": false
},

3. Now, browserSync should use proxy instead of creating a static server:

• target should refer to the location (pwd) of your local WordPress installation
• publicPath should refer to the folder to which you’re outputting the bundle.js file. The Reason - issue GWS - 3

 "proxy": {
    "target": "localhost/project",
    "publicPath" : "http://localhost:3333/project/wp-content/themes/customTheme/dist/assets/js",
  }

yarn
yarn start

yarn <script> //alternative: npm run <script>
yarn start //Run development mode
yarn build //Compiles your App for production
yarn deploy //Push production version on remote server using FTP