parcel-pixijs-quickstarter

Example App using pixiJS and Typescript bundled with parcel 🚀🔥.

Highlights

• ⚡️ Super fast start
• 🔥 Hot module replacement.
• 📝 Typescript.
• 👮 Unit testing.

Quick start

Node version >= 8.0 (recommended 10.6.0) and yarn >= 5 (recommended 6.1.0)

# clone the repo.
# --depth 1 removes all but one .git commit history (Optional).
git clone --depth 1 https://github.com/llorenspujol/parcel-pixijs-quickstarter.git

# go to the repo
cd parcel-pixijs-quickstarter

# install the dependencies via npm
yarn install

# start the server in dev mode with HMR
yarn start

go to http://localhost:1234 in your browser. Done.

yarn scripts

• yarn start - runs the compiler and a server at the same time in dev mode with HMR (Hot Module Replacement) 🔥.
• yarn build - runs the compiler once and generates a production build.
• yarn build_serve - it makes a build and serves it to port 8080.
• yarn test - runs the unit tests (.spec.ts files).

debugging

you need to install vscode plugin for chrome https://parceljs.org/debugging.html

and set this configuration in launch.json:

"configurations": [
      {
        "type": "chrome",
        "request": "launch",
        "name": "Launch Chrome against localhost",
        "url": "http://localhost:1234",
        "webRoot": "${workspaceFolder}/game/client/",
        "breakOnLoad": true,
        "sourceMapPathOverrides": {
          "../*": "${webRoot}/*"
          
        }
      }
    ]