webpack.production.config.js

const Dotenv = require('dotenv-webpack');
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');

// Phaser webpack config
var phaserModule = path.join(__dirname, '/node_modules/phaser/');
var phaser = path.join(phaserModule, 'src/phaser.js');

var definePlugin = new webpack.DefinePlugin({
    __DEV__: JSON.stringify(JSON.parse(process.env.BUILD_DEV || 'false')),
    WEBGL_RENDERER: true, // I did this to make webpack work, but I'm not really sure it should always be true
    CANVAS_RENDERER: true // I did this to make webpack work, but I'm not really sure it should always be true
});

module.exports = {
    entry: {
        app: [
            'babel-polyfill',
            path.resolve(__dirname, 'src/main.js')
        ]

    // vendor: ['pixi']

    },
    output: {
        path: path.resolve(__dirname, 'build'),
        publicPath: './',
        filename: 'js/bundle.js'
    },
    plugins: [
        definePlugin,
        // new Dotenv({
        //     path: './.env',
        //     safe: true
        // }),
        new CleanWebpackPlugin([ 'build' ]),
        new webpack.IgnorePlugin(/^\.\/locale$/, /moment$/),
        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: 'src/images', to: 'images'},
            {from: 'src/songs', to: 'songs'},
            { from: 'src/utils/', to: 'utils' }
        ])
    
    ],
    module: {
        rules: [
            { test: /\.js$/, use: [ 'babel-loader' ], include: path.join(__dirname, 'src') },
            { test: /phaser-split\.js$/, use: 'raw-loader' },
            { test: [ /\.vert$/, /\.frag$/ ], use: 'raw-loader' }
        ]
    },
    optimization: {minimize: true}
};