# Setup

```sh
webpack
$ npm install --save-dev webpack webpack-cli webpack-serve
Babel
$ npm install --save-dev babel-core babel-loader babel-preset-env babel-preset-react
React
$ npm install --save react react-dom
Redux
$ npm install --save redux react-redux
```

# webpack.config.js

```javascript
const path = require('path')
const webpack = require('webpack')

const src  = path.resolve(__dirname, 'src')
const dist = path.resolve(__dirname, 'public')

module.exports = {
  mode: 'development',

  entry: src + '/index.js',

  output: {
    path: dist,
    filename: 'bundle.js'
  },

  module: {
    rules: [
      {
        test: /\.js$/,
        exclude: /node_modules/,
        use: [
          {
            loader: 'babel-loader',
            options: {
              presets: ['env', 'react']
            }
          }
        ]
      }
    ]
  },

  serve: {
    port: 8080,
    open: true,
    content: dist,
  }

}
```