webpack.dev-server.config.js

var webpack = require('webpack');
var path = require('path');
var yargs = require('yargs');

var optimizeMinimize = yargs.alias('p', 'optimize-minimize').argv.optimizeMinimize;
var nodeEnv = optimizeMinimize ? 'production' : 'development';

process.env.BABEL_ENV = 'devserver'

module.exports = {
    entry: [
      'webpack-dev-server/client?http://0.0.0.0:8080', // WebpackDevServer host and port
      'webpack/hot/only-dev-server',
      './index.jsx' // Your appʼs entry point
    ],
    devtool: process.env.WEBPACK_DEVTOOL || 'source-map',
    output: {
        path: path.join(__dirname, 'public'),
        filename: 'bundle.js'
    },
    resolve: {
        extensions: ['.js', '.jsx']
    },
    module: {
        rules: [
            {
                test: /\.jsx?$/,
                exclude: /(node_modules|bower_components)/,
                loader: 'babel-loader'
            },

            {
                test: /\.css$/,
                use: ['style-loader', 'css-loader']
            },
            {
                test: /\.eot(\?v=\d+\.\d+\.\d+)?$/,
                loader: "file-loader"
            },
            {
                test: /\.(woff|woff2)$/,
                loader: "url-loader",
                options: {'prefix': 'font/', 'limit': '5000'}
            },
            {
                test: /\.ttf(\?v=\d+\.\d+\.\d+)?$/,
                loader: "url-loader",
                options: {'mimetype': 'application/octet-stream', 'limit': '10000'}
            },
            {
                test: /\.svg(\?v=\d+\.\d+\.\d+)?$/,
                loader: "url-loader",
                options: {'mimetype': 'image/svg+xml', 'limit': '10000'}

            },
            {
                test: /\.gif/,
                loader: "url-loader",
                options: {'mimetype': 'image/gif', 'limit': '10000'}
            },
            {
                test: /\.jpg/,
                loader: "url-loader",
                options: {'mimetype': 'image/jpg', 'limit': '10000'}
            },
            {
                test: /\.png/,
                loader: "url-loader",
                options: {'mimetype': 'image/png', 'limit': '10000'}
            }

             ]
    },
    devServer: {
        contentBase: path.join(__dirname, 'public'),
        noInfo: true, // --no-info option
        hot: true,
        inline: true
    },
    plugins: [
      new webpack.NoEmitOnErrorsPlugin(),
      new webpack.HotModuleReplacementPlugin()
    ]
}