Webpack Proxy Starter

This was created to handle asset bundling for websites with a monolithic CMS, such as WordPress.

Features

• Webpack 4
• Hot Reloading
• Babel
• Flow
• Eslint
• Scss, CSS
• Webpack Dev Server + BrowserSync

Setup (WordPress)

1. Copy all files in the repo to the wp-content/ directory of your WordPress install.
2. Include wp-webpack-scripts.php in your functions.php file.
3. Rename the .env.example file to .env

• Add your PROXY_URL, example: http://my-awesome-wp-blog.lndo.site
• Add your PUBLIC_PATH, example: /wp-content/themes/<MY_AWESOME_THEME_NAME>/dist

4. In the terminal and from the wp-content/ directory, run npm install.
5. Run npm start.

Terminal Commands

1. npm start will run the webpack dev server and proxy the local install of your WordPress site.

2. npm run build will create the production build of your assets.

License

MIT