webpack.dev.config

'use strict';
const fs = require('fs');
const path = require('path');
const HtmlWebpackPlugin = require('html-webpack-plugin');
const webpack = require('webpack');

const config = {
  mode: 'development',
  entry: [
    'webpack/hot/dev-server',
    'webpack-dev-server/client?http://localhost:9000/',
    './src/index.js'
  ],
  output: {
    path: path.resolve(__dirname, 'dist'),
    filename: '[name].[hash].js'
  },
  resolve: {
    extensions: ['.js', '.jsx', ]
  },
  devtool: 'eval-cheap-module-source-map',
  module: {
    rules: [{
        test: /\.jsx?$/,
        include: paths.appSrc,
        use: [{
          loader: 'babel-loader',
          options: babelOptions,
        }, ],
      },
    ]
  },
  plugins: [   
    new webpack.HotModuleReplacementPlugin(),
    new HtmlWebpackPlugin({
      template: paths.appHtml,
      title: 'React Mobx Starter',
      inject: 'body'
    })
  ]
};

module.exports = config;