js13k Webpack Starter
What is it?
This project aims to be a foundation for creating a game for the js13k game competition. As such it provides tools such as a development server, automatic code minification and archive creation.
List of features
- JS & CSS minification
- Code inlining (the entire application is a single
- Development server with source maps
- Generation of submission files (including the
- ES2015 support using Babel
- Tree shaking and module concatenation
How can I get started?
The first thing you need to do is make sure you have node.js installed. Then clone the project and in the root directory run the following command:
This should install all the required dependencies for developing the project. After the installation finishes you will be able to run the included npm scripts.
How can I start the development server?
After going through the installation just run the following command:
This will setup a server listening at
Access from another device
You can pass an argument to the development server specifying the interface to listen on.
npm start -- --host=0.0.0.0
This command will start the development server listening on all interfaces. Having a device on the same network you will be able to view the webpage at
http://[yourLocalIP]:8080 for example
How can i generate files for submission?
This project provides a npm script for building your application. Just run:
npm run build
This will generate two files
build.zip both located in the
dist/ folder. The zip file contains only the generated
index.html. The output from the command also tells you how large is the generated zip file.
Where does my code go?
src/app/ directory. The entry point is the
main.js file. All your css should be located in the
src/styles directory. The entry point is
main.css. If you need to modify the html file, you can find the template used in
This project uses webpack for module bundling. This means that all the files that you want to use should be imported directly or indirectly by either