webpack-dev-serverで自動コンパイル・画面更新できない

この度フロントエンドに入門しようとしています。

やりたいこと

webpack及びその周辺技術を用いて、

js及びcssが保存時(ファイル変更時)にウォッチされ自動コンパイルされる
自動コンパイルされた際に、ブラウザ(localhost:8080 ??)が自動でリロードされる

やったこと

以下のようにyarnとwebpackで環境構築をしました。

JS
1// package.json
2{
3  "name": "pf",
4  "version": "1.0.0",
5  "main": "index.js",
6  "license": "MIT",
7  "scripts": {
8    "start": "./node_modules/.bin/webpack-dev-server"
9  },
10  "dependencies": {
11    "babel-core": "^6.26.0",
12    "babel-loader": "^7.1.2",
13    "browser-sync": "^2.18.13",
14    "css-loader": "^0.28.7",
15    "extract-text-webpack-plugin": "^3.0.2",
16    "import-glob-loader": "^1.1.0",
17    "node-sass": "^4.7.2",
18    "sass-loader": "^6.0.6",
19    "style-loader": "^0.19.1",
20    "webpack": "^3.10.0",
21    "webpack-dev-server": "^2.9.7"
22  }
23}
24

JS
1const path = require('path');
2const ExtractTextPlugin = require('extract-text-webpack-plugin');
3
4const publicDir = path.join(__dirname, '/public');
5module.exports = [
6  {
7    entry: [
8      './javascript/index.js',
9      './javascript/skrollr.min.js',
10    ],
11    output: {
12      path: publicDir,
13      publicPath: '/',
14      filename: 'bundle.js',
15    },
16    module: {
17      loaders: [{
18        exclude: /node_modules/,
19        loader: 'babel-loader',
20      }],
21    },
22    resolve: {
23      extensions: ['.js'],
24    },
25    devServer: {
26      historyApiFallback: true,
27      contentBase: './',
28      inline: true,
29      hot: true,
30    },
31  },
32  {
33    entry: {
34      style: './stylesheets/index.scss',
35    },
36    output: {
37      path: publicDir,
38      publicPath: '/',
39      filename: 'bundle.css',
40    },
41    module: {
42      loaders: [
43        {
44          test: /.css$/,
45          loader: ExtractTextPlugin.extract({ fallback: 'style-loader', use: 'css-loader' }),
46        },
47        {
48          test: /.scss$/,
49          loader: ExtractTextPlugin.extract({ fallback: 'style-loader', use: 'css-loader!sass-loader' }),
50        },
51      ],
52    },
53    plugins: [
54      new ExtractTextPlugin('bundle.css'),
55    ],
56  },
57];