This is based on the excellent Bootstrap project for Phaser 2 "Phaser + ES6 + Webpack" (https://github.com/lean/phaser-es6-webpack), which was based on https://github.com/belohlavek/phaser-es6-boilerplate and https://github.com/cstuncsik/phaser-es6-demo. Most of this project is an exact copy of that repository, only with the Phaser package updated to Phaser 3 and the example replaced with one based on Phaser 3.

I did this because I wanted ES6 and live reload. Can't live without it and I wanted to try out Phaser 3. The Phaser 3 example code is a bit of guess work since there are no documentation yet. Be warned, stuff might be broken and Phaser 3 is not ready for production yet. I'll accept any pull requests that seem reasonable, but I'd expect that someone more qualified will step up and create a better Bootstrap project in the months to come making this obselete.

• ESLINT with JavaScript Standard Style configuration
• Next generation of Javascript
• Browsers are automatically updated as you change project files
• Webpack ready
• WebFont Loader

To use this bootstrap you’ll need to install a few things before you have a working copy of the project.

Navigate into your workspace directory.

Run:

git clone https://github.com/nkholski/phaser3-es6-webpack.git

https://nodejs.org/en/

Navigate to the cloned repo’s directory.

Run:

npm install

or if you choose yarn, just run yarn

Run:

npm run dev

This will run a server so you can run the game in a browser.

Open your browser and enter localhost:3000 into the address bar.

Also this will start a watch process, so you can change the source and the process will recompile and refresh the browser

Run:

npm run deploy

This will optimize and minimize the compiled bundle.