choar816 / phaser-electron-typescript-parcel

phaser-electron-typescript-parcel

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

• [e-mail]: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