webpack.config.js

const CompressionPlugin = require('compression-webpack-plugin');
const HtmlWebpackPlugin = require('html-webpack-plugin');
const url = require('url');
const webpack = require('webpack');

const apiHost = process.env.API_HOST || (process.env.DOCKER_HOST && url.parse(process.env.DOCKER_HOST).hostname || 'localhost') + ':4430';
console.log('Using API host', apiHost);

const title = process.env.TITLE || 'Your Membership';

module.exports = {
  entry: [
    './src/index.jsx',
    'webpack/hot/dev-server'
  ],
  output: {
    path: __dirname + '/dist',
    publicPath: '/',
    filename: "bundle.js"
  },
  module: {
    loaders: [
      { test: /\.css$/, loader: 'style!css', exclude: /flexboxgrid/ },
      { test: /\.css$/, loader: 'style!css?modules', include: /flexboxgrid/, },
      { test: /\.jsx?$/, exclude: /node_modules/, loader: 'babel' }
    ]
  },
  resolve: {
    extensions: [ '', '.js', '.jsx', '.css' ]
  },
  plugins: [
    new CompressionPlugin({
      algorithm: 'zopfli',
      test: /\.js$|\.html$/,
      threshold: 1000
    }),
    new HtmlWebpackPlugin({
      inject: 'body',
      template: 'src/index.ejs',
      title
    }),
    new webpack.DefinePlugin({
      'process.env': {
        NODE_ENV: JSON.stringify(process.env.NODE_ENV || ''),
        API_HOST: JSON.stringify(apiHost),
        TITLE: JSON.stringify(title)
      }
    }),
    new webpack.NoErrorsPlugin()
  ]
};