https://github.com/benjaminwfox/js13k-webpack-starter-2020

A webpack base for the js13kGames competition. Includes split webpack config for dev/prod (and prod minification), SASS support, image loading via HTML/CSS/JS, eslint for formatting & error prevention, and babel for latest ES2020 syntax.
https://github.com/benjaminwfox/js13k-webpack-starter-2020

boilerplate boilerplate-front-end js13kgames js13kgames2020 webdevelopment webpack

Last synced: 14 days ago
JSON representation

A webpack base for the js13kGames competition. Includes split webpack config for dev/prod (and prod minification), SASS support, image loading via HTML/CSS/JS, eslint for formatting & error prevention, and babel for latest ES2020 syntax.

• Host: GitHub
• URL: https://github.com/benjaminwfox/js13k-webpack-starter-2020
• Owner: BenjaminWFox
• Created: 2020-08-14T19:50:53.000Z (over 4 years ago)
• Default Branch: main
• Last Pushed: 2020-08-19T21:27:00.000Z (over 4 years ago)
• Last Synced: 2024-11-28T09:44:10.410Z (2 months ago)
• Topics: boilerplate, boilerplate-front-end, js13kgames, js13kgames2020, webdevelopment, webpack
• Language: JavaScript
• Homepage:
• Size: 119 KB
• Stars: 3
• Watchers: 2
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
## Webpack Base for js13kGames

### Getting started

`git clone https://github.com/BenjaminWFox/js13k-webpack-starter-2020.git`

`cd js13k-webpack-starter-2020`

`npm install`

`npm run develop`

http://localhost:8080/

### Scripts

- `develop`: Starts the webpack dev server on http://localhost:8080/

- `build`: Creates a compact, minified build in `/dist`

- `lint`: Runs eslint to check for errors. Better to set this up in your IDE to check automatically on save.

### Boilerplate

There are some files & code included as examples of function & syntax that are not meant to be included in the final bundle. You can basically remove everything from the files listed below, but the largest chunks are: 

- `index.js` - the `.scss` and `.png` import

- `main.scss` - the `.png` `background-image`

- `index.html` - the `` tag

- These 3 images are in `assets/images/sprites` and can also be deleted

### js13k specific files

None of these files are included in your final bundle.

- `manifest.json` - The metadata file used when submitting your final game

- `image_large.png` - The large image that shows on the game detail page

- `image_thumbnail.png` - The thumbnail preview image that shows on the games gallery page