fix: Load images using data-url. Also reduces space

package.json

@@ -8,14 +8,14 @@
     "build": "rm -rf dist && parcel build src/index.html",
     "zip": "cd dist && zip game.zip *.png *.html *.css *.js static/level/*.json",
     "build:zip": "npm run build && cd dist && zip game.zip *.png *.html *.css *.js static/level/*.json",
-    "build:roadroller": "npm run build && roadroller dist/index.*.js -o dist/index.*.js && npm run zip"
+    "build:roadroller": "npm run build && roadroller dist/index.*.js -o dist/index.*.js && npm run zip",
+    "roadroller": "roadroller dist/index.*.js -o dist/index.*.js"
   },
   "author": "johnedvard",
   "license": "ISC",
   "devDependencies": {
-    "@parcel/compressor-brotli": "^2.7.0",
-    "@parcel/compressor-gzip": "^2.7.0",
-    "@parcel/reporter-bundle-analyzer": "^2.7.0",
+    "@parcel/optimizer-data-url": "^2.7.0",
+    "@parcel/transformer-inline-string": "^2.7.0",
     "parcel": "^2.7.0",
     "parcel-reporter-static-files-copy": "^1.4.0",
     "roadroller": "^2.1.0"

src/Goal.js

@@ -1,7 +1,8 @@
+import * as grave from 'data-url:./assets/img/grave-4x-mini.png';
+
 import { Sprite } from 'kontra';
 
 import { isBoxCollision } from './utils';
-import grave from './assets/img/grave-4x-mini.png';
 
 export class Goal {
   level;

src/Player.js

@@ -1,4 +1,4 @@
-import skull from './assets/img/skull.png';
+import skull from 'data-url:./assets/img/skull.png';
 
 import { getPointer, Sprite } from 'kontra';
 import { PlayerControls } from './PlayerControls';

src/Saw.js

@@ -1,5 +1,5 @@
-import saw2 from './assets/img/saw3.png';
-import saw from './assets/img/saw3.png';
+import saw2 from 'data-url:./assets/img/saw3.png';
+
 import { Sprite } from 'kontra';
 import { BACK_FORTH, UP_DOWN } from './sawBehavior';