I converted Phase3+CRA template to support Vite. FYI. Vite is faster than webpack bundler. I hope you will save development time.
- Phaser 3 - overlaid canvas with the config in
src/PhaserGame.ts
and a scene insrc/scenes/
- Create React App - React, TSX, ES6, TypeScript, Webpack, and etc, but this template will replace Webpack with Vite.
- Vite - Faster bundler than Webpack which is default bundler of
Create React App
- An example button in
src/App.tsx
showing how to communicate with Phaser within a React component - That's it!
Clone the project and in the project directory, you can run:
Install required packages to run the app.
Runs the app in the development mode. Open http://localhost:3000 to view it in the browser.
Builds the app for production to the build
folder.