const HtmlWebpackPlugin = require('html-webpack-plugin')
const {HotModuleReplacementPlugin} = require('webpack')

const path = require('path');

module.exports = {
  mode:'development',
  entry:{
    client:[
      "babel-polyfill",
      "./src/client"
    ]
  },
  output:{
    filename:"[name].bundle.js",
    path:path.resolve(process.cwd(), "dist", "client")
  },
  devtool:"inline-source-map",
  devServer:{
    hot:true,
    open:true,
    port:8080,
    historyApiFallback:true,
  },
  module:{
    rules:[
      {
        exclude: /node_modules/,
        use: "babel-loader",
        test: /.(js|jsx)$/,
      }
    ]
  },
  plugins:[
    new HotModuleReplacementPlugin(),
    new HtmlWebpackPlugin({
      template:path.resolve(process.cwd(),"src","client","public","index.html")
    })
  ],
  resolve: {
    extensions: ['.js', '.jsx']
  },
}