webpack.development.config.babel.js

//import { HotModuleReplacementPlugin } from 'webpack';
import path from 'path';
import webpack from 'webpack';

const nodeModulesPath = path.resolve(__dirname, 'node_modules');
const buildPath = path.resolve(__dirname, 'src', 'public', 'build');
const mainPath = path.resolve(__dirname, 'src', 'client', 'main.jsx');
const hostname = process.env.HOST || '';

export default {
  context: __dirname,
  devtool: 'eval-source-map',
  entry: [
    mainPath,
  ],
  output: {
    path: buildPath,
    filename: 'bundle.js',
    publicPath: '/build/',
  },
  resolve: {
    extensions: [
      '',
      '.js',
      '.jsx',
    ],
  },
  module: {
    loaders: [
      {
        test: /\.js$|\.jsx$/,
        loaders: [
          'babel?{"presets":["react", "es2015"]}',
        ],
        exclude: [nodeModulesPath],
      },
      {
        test: /\.css$/,
        loader: 'style!css',
      },
      {
        test: /\.scss$/,
        loader: 'style!css!sass?outputStyle=expanded',
      },
      { test: /\.woff(\?v=\d+\.\d+\.\d+)?$/,   loader: 'url?limit=10000&minetype=application/font-woff' },
      { test: /\.woff2(\?v=\d+\.\d+\.\d+)?$/,  loader: 'url?limit=10000&minetype=application/font-woff' },
      { test: /\.ttf(\?v=\d+\.\d+\.\d+)?$/,    loader: 'url?limit=10000&minetype=application/octet-stream' },
      { test: /\.eot(\?v=\d+\.\d+\.\d+)?$/,    loader: 'file' },
      { test: /\.svg(\?v=\d+\.\d+\.\d+)?$/,    loader: 'url?limit=10000&minetype=image/svg+xml' },
    ],
  },
  plugins: [
    new webpack.EnvironmentPlugin([
      'HOST',
    ]),
  ],
  sassLoader: {
    data: `$host: '${hostname}';`,
  },
};