webpack.production.config.js

var path = require('path')
var webpack = require('webpack')
var CleanWebpackPlugin = require('clean-webpack-plugin')
var HtmlWebpackPlugin = require('html-webpack-plugin')
var CopyWebpackPlugin = require('copy-webpack-plugin')
var UglifyJSPlugin = require('uglifyjs-webpack-plugin');

// Phaser webpack config
var phaserModule = path.join(__dirname, '/node_modules/phaser-ce/')
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')

module.exports = env => {

  env = env || {};

  console.log('env.dev: ' + env.dev);
  console.log('env.debug: ' + env.debug);  

  return {
    entry: {
      app: [
        'babel-polyfill',
        path.resolve(__dirname, 'src/main.js')
      ],
      vendor: ['pixi', 'p2', 'phaser', 'webfontloader']

    },
    loader: {},
    output: {
      path: path.resolve(__dirname, 'build'),
      publicPath: './',
      filename: 'js/bundle.js'
    },
    plugins: [
      new webpack.DefinePlugin({
          __DEV__: JSON.stringify(JSON.parse(env.dev || 'false')),
          __DEBUG__: JSON.stringify(JSON.parse(env.debug || 'false')),
        }),
      new CleanWebpackPlugin(['build']),
      new webpack.IgnorePlugin(/^\.\/locale$/, /moment$/),
      new UglifyJSPlugin(),
      new webpack.optimize.CommonsChunkPlugin({ name: 'vendor' /* chunkName= */ , filename: 'js/vendor.bundle.js' /* filename= */ }),
      new HtmlWebpackPlugin({
        filename: 'index.html', // path.resolve(__dirname, 'build', 'index.html'),
        template: './src/index.html',
        chunks: ['vendor', 'app'],
        chunksSortMode: 'manual',
        minify: {
          removeAttributeQuotes: true,
          collapseWhitespace: true,
          html5: true,
          minifyCSS: true,
          minifyJS: true,
          minifyURLs: true,
          removeComments: true,
          removeEmptyAttributes: true
        },
        hash: true
      }),
      new CopyWebpackPlugin([
        { from: 'assets', to: 'assets' }
      ])
    ],
    module: {
      rules: [
        { test: /\.js$/, use: ['babel-loader'], include: path.join(__dirname, 'src') },
        { test: /pixi\.js/, use: ['expose-loader?PIXI'] },
        { test: /phaser-split\.js$/, use: ['expose-loader?Phaser'] },
        { test: /p2\.js/, use: ['expose-loader?p2'] }
      ]
    },
    node: {
      fs: 'empty',
      net: 'empty',
      tls: 'empty'
    },
    resolve: {
      alias: {
        'phaser': phaser,
        'pixi': pixi,
        'p2': p2
      }
    }
  }
}