webpack.config.js

const webpack = require("webpack");
const path = require("path");
const resolve = require("path").resolve;
const src = resolve(__dirname, "src");
const build = resolve(__dirname, "build");
const OpenBrowserPlugin = require("open-browser-webpack-plugin");
const FriendlyErrorsWebpackPlugin = require("friendly-errors-webpack-plugin");

module.exports = {
  entry: {
    app: "./src/index.js"
  },

  output: {
    path: build,
    filename: "bundle.js"
  },

  module: {
    rules: [
      {
        test: /\.css$/,
        include: [src],
        exclude: /node_modules/,
        use: ["style-loader", "css-loader"]
      },
      {
        test: /\.js$/,
        enforce: "pre",
        loader: "eslint-loader?configFile=.eslintrc",
        include: [src],
        exclude: /node_modules/
      },
      {
        test: /\.js$/,
        loader: "babel-loader",
        query: {
          presets: ["env"]
        },
        include: [src],
        exclude: /node_modules/
      },
      {
        test: /\.(eot|svg|ttf|woff|woff2)$/,
        loader: "file-loader?name=public/fonts/[name].[ext]&emitFile=false"
      }
    ]
  },

  devServer: {
    historyApiFallback: true,
    host: "0.0.0.0",
    port: 3000,
    stats: "errors-only",
    publicPath: "/build/",
    watchOptions: {
      aggregateTimeout: 300,
      poll: 1000,
      ignored: /node_modules/
    }
  },

  plugins: [
    new FriendlyErrorsWebpackPlugin(),
    new OpenBrowserPlugin({ url: "http://localhost:3000/" })
  ]
};