switch to using phaser from npm

per comment: phaserjs/phaser#1974 (comment)

Author: Flet

dist/bundle.js

@@ -22,7 +22,6 @@
 
     <div id="content"></div>
 
-    <script src="lib/phaser.min.js"></script>
     <script src="dist/bundle.js"></script>
 
 </body>

dist/bundle.js.map

@@ -11,14 +11,17 @@
   "license": "ISC",
   "devDependencies": {
     "babel-core": "^6.5.2",
-    "babel-eslint": "^5.0.0",
     "babel-loader": "^6.2.3",
     "babel-polyfill": "^6.5.0",
     "babel-preset-es2015": "^6.5.0",
     "browser-sync": "^2.11.1",
     "browser-sync-webpack-plugin": "^1.0.1",
+    "expose-loader": "^0.7.1",
     "standard": "^6.0.5",
     "webfontloader": "^1.6.21",
     "webpack": "^1.12.13"
+  },
+  "dependencies": {
+    "phaser": "^2.4.6"
   }
 }

index.html

@@ -1,3 +1,5 @@
+import 'pixi'
+import 'p2'
 import Phaser from 'phaser'
 
 import BootState from './states/Boot'

lib/phaser.map

@@ -1,6 +1,13 @@
 var path = require('path')
 var webpack = require('webpack')
 var BrowserSyncPlugin = require('browser-sync-webpack-plugin')
+
+// Phaser webpack config
+var phaserModule = path.join(__dirname, '/node_modules/phaser/')
+var phaser = path.join(phaserModule, 'build/custom/phaser-split.js')
+var pixi = path.join(phaserModule, 'build/custom/pixi.js')
+var p2 = path.join(phaserModule, 'build/custom/p2.js')
+
 var definePlugin = new webpack.DefinePlugin({
   __DEV__: JSON.stringify(JSON.parse(process.env.BUILD_DEV || 'true'))
 })
@@ -29,22 +36,24 @@ module.exports = {
       server: {
         baseDir: ['./', './build']
       }
-    }),
-
+    })
   ],
   module: {
     loaders: [
-      {
-        test: /\.js$/,
-        loaders: ['babel'],
-        include: path.join(__dirname, 'src')
-      }
+      { test: /\.js$/, loader: 'babel', include: path.join(__dirname, 'src') },
+      { test: /pixi\.js/, loader: 'expose?PIXI' },
+      { test: /phaser-split\.js$/, loader: 'expose?Phaser' },
+      { test: /p2\.js/, loader: 'expose?p2' }
     ]
   },
   node: {
     fs: 'empty'
   },
-  externals: {
-    'phaser': 'Phaser'
+  resolve: {
+    alias: {
+      'phaser': phaser,
+      'pixi': pixi,
+      'p2': p2
+    }
   }
 }

lib/phaser.min.js

@@ -1,5 +1,12 @@
 var path = require('path')
 var webpack = require('webpack')
+
+// Phaser webpack config
+var phaserModule = path.join(__dirname, '/node_modules/phaser/')
+var phaser = path.join(phaserModule, 'build/custom/phaser-split.js')
+var pixi = path.join(phaserModule, 'build/custom/pixi.js')
+var p2 = path.join(phaserModule, 'build/custom/p2.js')
+
 var definePlugin = new webpack.DefinePlugin({
   __DEV__: JSON.stringify(JSON.parse(process.env.BUILD_DEV || 'false'))
 })
@@ -30,22 +37,21 @@ module.exports = {
   ],
   module: {
     loaders: [
-
-      {
-        test: /\.json$/,
-        loader: 'json'
-      },
-      {
-        test: /\.js$/,
-        loaders: ['babel'],
-        include: path.join(__dirname, 'src')
-      },
+      { test: /\.json$/, loader: 'json' },
+      { test: /\.js$/, loader: 'babel', include: path.join(__dirname, 'src') },
+      { test: /pixi\.js/, loader: 'expose?PIXI' },
+      { test: /phaser-split\.js$/, loader: 'expose?Phaser' },
+      { test: /p2\.js/, loader: 'expose?p2' }
     ]
   },
   node: {
     fs: 'empty'
   },
-  externals: {
-    'phaser': 'Phaser'
+  resolve: {
+    alias: {
+      'phaser': phaser,
+      'pixi': pixi,
+      'p2': p2
+    }
   }
 }