get webpack working

Author: 902seanryan

package-lock.json

@@ -19,7 +19,9 @@
     "css-loader": "^6.7.1",
     "eslint": "^8.27.0",
     "eslint-webpack-plugin": "^3.2.0",
+    "exports-loader": "^4.0.0",
     "html-webpack-plugin": "^5.5.0",
+    "imports-loader": "^4.0.1",
     "mini-css-extract-plugin": "^2.6.1",
     "source-map-loader": "^1.0.0",
     "springroll": "^2.4.4",

package.json

@@ -1,3 +1,5 @@
+import createjs from 'createjs';
+
 class Cache
 {
     constructor()

src/cache.js

@@ -1,6 +1,7 @@
 import { TitleScene } from './scenes/title';
 import { Property, SafeScaleManager, Application } from 'springroll';
 import { GAMEPLAY } from './constants';
+import createjs from 'createjs';
 
 export class Game
 {

src/game.js

@@ -1,5 +1,6 @@
 import { GAMEPLAY } from './../constants';
 import { GameCache } from '../cache';
+import createjs from 'createjs';
 
 export class Ball extends createjs.Bitmap
 {

src/gameobjects/ball.js

@@ -1,6 +1,7 @@
 import { Scene } from "./scene";
 import { Ball } from "../gameobjects/ball";
 import { GameCache } from "../cache";
+import createjs from 'createjs';
 
 export class GameScene extends Scene
 {
@@ -20,7 +21,7 @@ export class GameScene extends Scene
 
         queue.on('fileload', (event) => GameCache.onLoad(event));
 
-        const loadComplete = new Promise((resolve, reject) =>
+        const loadComplete = new Promise((resolve) =>
         {
             queue.on("complete", resolve);
         });

src/scenes/gameScene.js

@@ -18,7 +18,7 @@ export class Scene extends createjs.Container
     {
     }
 
-    update(deltaTime)
+    update()
     {
     }
 

src/scenes/scene.js

@@ -1,6 +1,7 @@
 import { GameScene } from './gameScene';
 import { Scene } from './scene';
 import { Anchor } from 'springroll';
+import createjs from 'createjs';
 
 export class TitleScene extends Scene
 {

src/scenes/title.js

@@ -54,11 +54,23 @@ module.exports = (env) => {
       rules: [
         {
           test: /node_modules[/\\]createjs/,
-          loaders: [
-            'imports-loader?this=>window',
-            'exports-loader?window.createjs'
-          ]
-        },
+          use: [{
+              loader: 'exports-loader',
+              options: {
+                  type: 'commonjs',
+                  exports: 'single window.createjs',
+              },
+          }],
+      },
+      {
+          test: /node_modules[/\\]createjs/,
+          use: [{
+              loader: 'imports-loader',
+              options: {
+                  wrapper: 'window',
+              },
+          }],
+      },
         {
           test: /\.css$/,
           use: [MiniCssExtractPlugin.loader, 'css-loader']