Adding dependency three.js

- Added to npm package list
- Changed webpack config to include three in vendor

package.json

@@ -65,7 +65,8 @@
     "phaser": "^3.17.0",
     "phaser-plugin-debug-draw": "^2.0.1",
     "phaser-plugin-game-scale": "^1.3.3",
-    "phaser-plugin-update": "^2.0.2"
+    "phaser-plugin-update": "^2.0.2",
+    "three": "^0.109.0"
   },
   "window": {
     "title": "GDD 325 Example Game",

webpack.deploy.config.js

@@ -5,7 +5,7 @@ const MinifyPlugin = require('babel-minify-webpack-plugin')
 
 // Phaser webpack config
 var phaserModule = path.join(__dirname, '/node_modules/phaser/')
-var phaser = path.join(phaserModule, 'src/phaser.js')
+var Phaser = path.join(phaserModule, 'src/phaser.js')
 
 // These variables will be injected into the global namespace
 // - if __DEV__ is true then the program is running in a development environment
@@ -20,7 +20,7 @@ const definePlugin = new webpack.DefinePlugin({
 module.exports = {
   entry: {
     app: path.resolve(__dirname, 'src/main.js'),
-    vendor: ['phaser', 'phaser-plugin-update', '@babel/polyfill']
+    vendor: ['phaser', 'phaser-plugin-update', 'three', '@babel/polyfill']
   },
   output: {
     path: path.resolve(__dirname, 'dist'),
@@ -62,7 +62,8 @@ module.exports = {
       hash: false
     }),
     new MinifyPlugin({}, { comments: false }),
-    new webpack.IgnorePlugin(/^\.\/locale$/, /moment$/)
+    new webpack.IgnorePlugin(/^\.\/locale$/, /moment$/),
+    new webpack.ProvidePlugin({ THREE: 'three' })
   ],
   module: {
     rules: [
@@ -74,8 +75,7 @@ module.exports = {
   },
   resolve: {
     alias: {
-      'phaser': phaser
+      phaser: Phaser
     }
   }
 }
-

webpack.dev.config.js

@@ -5,7 +5,7 @@ const HtmlWebpackPlugin = require('html-webpack-plugin')
 
 // Phaser webpack config
 var phaserModule = path.join(__dirname, '/node_modules/phaser/')
-var phaser = path.join(phaserModule, 'src/phaser.js')
+var Phaser = path.join(phaserModule, 'src/phaser.js')
 
 // These variables will be injected into the global namespace
 // - if __DEV__ is true then the program is running in a development environment
@@ -20,7 +20,7 @@ const definePlugin = new webpack.DefinePlugin({
 module.exports = {
   entry: {
     app: path.resolve(__dirname, 'src/main.js'),
-    vendor: ['phaser', 'phaser-plugin-update', 'phaser-plugin-debug-draw', '@babel/polyfill']
+    vendor: ['phaser', 'phaser-plugin-update', 'phaser-plugin-debug-draw', 'three', '@babel/polyfill']
   },
   devtool: 'cheap-source-map',
   output: {
@@ -65,6 +65,7 @@ module.exports = {
       hash: false
     }),
     new webpack.IgnorePlugin(/^\.\/locale$/, /moment$/),
+    new webpack.ProvidePlugin({ THREE: 'three' }),
     new BrowserSyncPlugin({
       host: process.env.IP || 'localhost',
       port: process.env.PORT || 3000,
@@ -84,7 +85,7 @@ module.exports = {
   },
   resolve: {
     alias: {
-      'phaser': phaser
+      phaser: Phaser
     }
   }
 }

webpack.prod.config.js

@@ -6,7 +6,7 @@ const HtmlWebpackPlugin = require('html-webpack-plugin')
 
 // Phaser webpack config
 var phaserModule = path.join(__dirname, '/node_modules/phaser/')
-var phaser = path.join(phaserModule, 'src/phaser.js')
+var Phaser = path.join(phaserModule, 'src/phaser.js')
 
 // These variables will be injected into the global namespace
 // - if __DEV__ is true then the program is running in a development environment
@@ -21,7 +21,7 @@ const definePlugin = new webpack.DefinePlugin({
 module.exports = {
   entry: {
     app: path.resolve(__dirname, 'src/main.js'),
-    vendor: ['phaser', 'phaser-plugin-update', '@babel/polyfill']
+    vendor: ['phaser', 'phaser-plugin-update', 'three', '@babel/polyfill']
   },
   output: {
     path: path.resolve(__dirname, 'dist'),
@@ -65,6 +65,7 @@ module.exports = {
     }),
     new MinifyPlugin({}, { comments: false }),
     new webpack.IgnorePlugin(/^\.\/locale$/, /moment$/),
+    new webpack.ProvidePlugin({ THREE: 'three' }),
     new BrowserSyncPlugin({
       host: process.env.IP || 'localhost',
       port: process.env.PORT || 3000,
@@ -84,7 +85,7 @@ module.exports = {
   },
   resolve: {
     alias: {
-      'phaser': phaser
+      phaser: Phaser
     }
   }
 }