webpack.config.js

var webpack = require('webpack');
var CompressionPlugin = require('compression-webpack-plugin');
// var HTMLCompressionPlugin = require('html-compression-webpack-plugin');


module.exports = {
    entry: [
        './src/index.js'
    ],
    output: {
        path: __dirname,
        publicPath: '/',
        filename: 'bundle.js'
    },
    module: {
        loaders: [{
            exclude: /node_modules/,
            loader: 'babel',
            query: {
                presets: ['react', 'es2015', 'stage-1']
            }
        }]
    },
    plugins: [
        new webpack.DefinePlugin({ //<--key to reduce React's size
            'process.env': {
                'NODE_ENV': JSON.stringify('production')
            }
        }),
        new webpack.optimize.DedupePlugin(),
        new webpack.optimize.UglifyJsPlugin(),
        new webpack.optimize.AggressiveMergingPlugin(),
        new CompressionPlugin({
            asset: "[path].gz[query]",
            algorithm: "gzip",
            test: /\.js$|\.css$|\.html$/
        })
        /*,
        new HTMLCompressionPlugin({
            testHTML: /\.html$/,
            test: /.*\.(css|js|html)$/i,
            asset: '[path].gz',
            algorithm: 'gzip',
            deleteOriginalAssets: true
        })*/
    ],
    resolve: {
        extensions: ['', '.js', '.jsx'],
        "alias":{
            "react":"preact-compat",
            "react-dom": "preact-compat"
        }
    },
    devServer: {
        historyApiFallback: true,
        contentBase: './'
    }
};