webpack.config.js

'use strict'

const LiveReloadPlugin = require('webpack-livereload-plugin')
  , devMode = require('.').isDevelopment

  /**
   * Fast source maps rebuild quickly during development, but only give a link
   * to the line where the error occurred. The stack trace will show the bundled
   * code, not the original code. Keep this on `false` for slower builds but
   * usable stack traces. Set to `true` if you want to speed up development.
   */

  , USE_FAST_SOURCE_MAPS = false
  , path = require('path')
  , phaserModule = path.join(__dirname, '/node_modules/phaser/')
  , phaser = path.join(phaserModule, 'build/custom/phaser-split.js')
  , pixi = path.join(phaserModule, 'build/custom/pixi.js')
  , p2 = path.join(phaserModule, 'build/custom/p2.js')

module.exports = {
  entry: './app/index.jsx',
  output: {
    path: __dirname,
    filename: './public/bundle.js'
  },
  context: __dirname,
  devtool: devMode && USE_FAST_SOURCE_MAPS
    ? 'cheap-module-eval-source-map'
    : 'source-map',
  resolve: {
    extensions: ['.js', '.jsx', '.json', '*'],
    alias: {
      'phaser': phaser,
      'pixi': pixi,
      'p2': p2
    }
  },
  module: {
    rules: [{
      test: /jsx?$/,
      exclude: /(node_modules|bower_components)/,
      use: [{
        loader: 'babel-loader',
        options: {
          presets: ['react', 'es2015', 'stage-2']
        }
      }]
    }, {
      test: /pixi\.js/,
      use: [{
        loader: 'expose-loader',
        options: 'PIXI'
      }]
    }, {
      test: /phaser-split\.js$/,
      use: [{
        loader: 'expose-loader',
        options: 'Phaser'
      }]
    }, {
      test: /p2\.js/,
      use: [{
        loader: 'expose-loader',
        options: 'p2'
      }]
    }],
  },
  plugins: devMode
    ? [new LiveReloadPlugin({ appendScriptTag: true })]
    : []
}