https://github.com/nischcodes/2d-phaserjs-webpack4-gametemplate

Template for a 2D PhaserJS Game mit Webpack 4 + Typescript + SCSS support.
https://github.com/nischcodes/2d-phaserjs-webpack4-gametemplate

Last synced: 5 days ago
JSON representation

Template for a 2D PhaserJS Game mit Webpack 4 + Typescript + SCSS support.

• Host: GitHub
• URL: https://github.com/nischcodes/2d-phaserjs-webpack4-gametemplate
• Owner: nischcodes
• License: mit
• Created: 2021-05-19T06:29:47.000Z (over 3 years ago)
• Default Branch: main
• Last Pushed: 2024-07-11T13:01:53.000Z (4 months ago)
• Last Synced: 2024-10-17T03:11:56.298Z (20 days ago)
• Language: JavaScript
• Homepage:
• Size: 1.36 MB
• Stars: 1
• Watchers: 1
• Forks: 0
• Open Issues: 4
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        
# 2D-PhaserJS-Gametemplate

🚀 Template for a 2D PhaserJS Game mit Webpack 4, Typescript, ES6+ and SASS,LESS/STYLUS support + dev-server and livereload.

This Project comes with 2 builds:

--> npm run build:dev


  starts dev server on localhost:8080 with livereload, sourcemap

--> npm run build:prod


  creates prod files to /dist with:

  1. compiles sass/stylus/less to css 


  2. autoprefixer for vendor prefixes (browser compability)


  3. compiles typescript to ES5 


  4. minifying for css/js 


  5. uglyfing js code 


  6. copies all media files from /public 


  7. hash css and js file (file versioning for browser caching -> cache busting)


# Setup

```sh

git clone https://github.com/nikolas-schwarz/2D-PhaserJS-Gametemplate.git

cd 2D-PhaserJS-Gametemplate

npm install

//start dev mode

npm start

```

# Preprocessor support (default: Sass)

--> if u want to change to less run:

  1. npm install less less-loader --save-dev

  2. npm uninstall node-sass sass-loader

  3. set selectedPreprocessor in \webpack\loader.js to less

  4. change default files in styles from sass to less

--> if u want to change to stylus run:

  1. npm install stylus stylus-loader --save-dev

  2. npm uninstall node-sass sass-loader

  3. set selectedPreprocessor in \webpack\loader.js to stylus

  4. change default files in styles from sass to stylus (*.styl)

--> if u want to use the 'original' loose *.sass syntax just change the files from *.scss to *.sass and update import in index.js line 1