/phaser-electron-typescript-parcel

Primary LanguageTypeScript

phaser-electron-typescript-parcel Build Status

A minimal template with the following things.

  • Phaser 🕹️ Desktop and Mobile HTML5 game framework
  • Electron ⚛️ Build cross platform desktop apps with JavaScript, HTML, and CSS
  • Parcel 📦 Blazing fast, zero configuration web application bundler
  • TypeScript ⌨️ is a typed superset of JavaScript that compiles to plain JavaScript.

Installation

  • git@github.com:distantcam/phaser-electron-typescript-parcel.git
  • cd phaser-electron-typescript-parcel
  • yarn

Usage

Cleaning

Run these commands to clean up the directory

# Cleans up the build and dist folders
yarn clean

# Cleans up the builds, build cache, and node modules
yarn superclean

Development mode

Run these commands to build and run the Electron app

# Parcel bundles the code
$ yarn build

# Parcel bundles the code and watches for changes
$ yarn watch

# Run the electron app
$ yarn app

# Run the electron app with options for a debugger to attach to the render process
$ yarn debug

# To debug the app in VS Code you can
# - use yarn debug and run 'Electron: Renderer' in the debugger
# or
# - run 'Electron: All' in the debugger

Production mode and packaging app

Run this command to bundle code in production mode

# Create executables
$ yarn dist