Skip to content

8Observer8/how-to-set-up-box2dwasm-with-importmap-rollup-js

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

2 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Playground: https://plnkr.co/edit/BGNYcIJRiJXpd9N4?preview

Discussion: Birch-san/box2d-wasm#73

Instructions for building and running the project in debug and release:

  • Install these packages globally with the command:

npm i -g http-server rollup uglify-js

  • Add the Rollup bin folder to the Path. Type this command to know where npm was installed npm config get prefix. This command will show you the npm location. You will find the "node_modules" folder there. Go to the "rollup/bin" folder and copy this path, for example for me: C:\Users\8Observer8\AppData\Roaming\npm\node_modules\rollup\dist\bin. Add this folder to the path variable.

  • Run http-server in the project directory:

http-server -c-1

Note. The -c-1 key allows you to disable caching.

  • Start development mode with the following command:

npm run dev

Note. Rollup will automatically keep track of saving changes to files and build a new index.js file ready for debugging. You can debug your project step by step in the browser by setting breakpoints.

  • Go to the browser and type the address: localhost:8080/index.html

  • Create a compressed file ready for publishing. Stop development mode, for example, with this command Ctrl + C in CMD, if it was launched before and enter the command:

npm run release

Note. After this command, Rollup will create a compressed index.js file. Compression is done using the uglify-js package.

If you want to thank me: https://8observer8.github.io/donate.html

About

How to set up Box2D-WASM with importmap and Rollup for JavaScript

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published