webpack.config.js

const webpack = require('webpack')
const HtmlWebpackPlugin = require('html-webpack-plugin')
const autoprefixer = require('autoprefixer')
const ExtractTextPlugin = require('extract-text-webpack-plugin')

module.exports = {
    entry: ['./src/app.js', './src/elm/Main.elm'],
    output: {
        path: './dist',
        filename: 'app.js'
    },
    module: {
        loaders: [{
            test: /\.js$/,
            exclude: /node_modules/,
            loader: 'babel',
            query: {
                presets: ['es2015']
            }
        }, {
            test: /\.elm$/,
            exclude: [/elm-stuff/, /node_modules/],
            loader: `elm-hot!elm-webpack?cwd=${__dirname}/src/elm`
        }, {
            test: /\.css$/,
            loader: 'style-loader!css-loader!postcss-loader'
        }],
        noParse: /\.elm$/
    },

    plugins: [
        new webpack.optimize.UglifyJsPlugin({
            compress: {
                warnings: false,
            },
            output: {
                comments: false,
            },
        }),
        new HtmlWebpackPlugin({
            title: 'Toolwatch'
        })
    ],
    postcss: [autoprefixer({browsers: ['last 2 versions']})],
    resolve: {
        modulesDirectories: [
            'node_modules'
        ],
        extensions: ['', '.js', '.elm']
    },
    devServer: {
        contentBase: './dist',
        hot: true,
        historyApiFallback: true,
        proxy: {
            '/api': {
                target: 'http://localhost:3000/',
                pathRewrite: {
                    '^/api': ''
                },
                secure: false,
                changeOrigin: true,
            }
        }
    }
}