You will need to first install Node.js and the grunt-cli:
npm install -g grunt-cli.
Check this project out from source:
git clone firstname.lastname@example.org:bcjordan/phaser-grunt-boilerplate.git cd phaser-grunt-boilerplate
Next, inside the project, you need to install the project's various NPM dependencies:
And you should now be ready to spin up a development build of your new project:
A browser should open with a logo displayed:
All of the files required to run the game live in the
grunt task is invoked, these files are compiled to a
Files in the
build directory will always be generated and excluded from Git by the
.gitignore, as such these will removed without warning and should generally not be edited.
srcdirectory to avoid unnecessary copying during dev builds.
Configures and runs an un-minified development build optimised for fast watch performance with source maps and live reload. Opens browser window pointing to a test page on first build.
The project comes with an unminified version of Phaser with arcade physics, this can be replaced if you require updates or one of the alternate physics engines.
You can install new npm-compatible libraries with:
npm install --save my-package-name
Then require it in your code with e.g.
var MyCoolTimesavingLibrary = require('My-Cool-Timesaving-Library').
Raw vendor packages can be added to
If adding new libraries that aren't CommonJS compatible, you'll have to additionally update the Browserify shim configuration in our