webpack-dev-server実行中にコンパイルするもbundle.jsが出力されない

Question

webpack(2.6.1)とwebpack-dev-server(2.4.5)を使用してフロントエンドの開発環境を構築しています。npm startのコマンドで、webpack && webpack-dev-serverを実行し、ブラウザでコンパイルし表示出来ているのですが、ブラウザで表示中にファイルを編集しても変更が反映されません。

ファイル編集するとCLIでは、webpack: Compiling...webpack: Compiled successfully.と表示されているのですが、ブラウザのリロードがされずかつ手動でリロードしても変更が反映されません。

コンパイルは実行されているのに何故反映されないのでしょうか・・・。

試しに、webpack-dev-server実行中にpublic以下のbundle.jsを削除し、ファイル編集しコンパイルを実行しますが、bundle.jsが生成されませんでした・・。(出力されてない様子。)

設定情報一覧

// package.json
"scripts": {
    "start": "webpack && webpack-dev-server"
}
// webpack.config.js
const path = require('path');
const webpack = require('webpack');
module.exports = {
  entry: path.resolve(__dirname, 'src/index.js'),
  output: {
    filename: 'bundle.js',
    path: path.resolve(__dirname, 'public/assets/js')
  },
  module: {
    loaders: [
      {
        test: /\.js$/,
        exclude: /node_modules/,
        loader: 'babel-loader',
        query: {
          presets: ["es2015", "react"]
        }
      }, {
        test: /\.css$/,
        use: ['style-loader', 'css-loader']
      }
    ]
  },
  plugins: [
    new webpack
      .optimize
      .UglifyJsPlugin({
        compress: {
          warnings: false
        }
      }),
    new webpack.HotModuleReplacementPlugin()
  ],
  devServer: {
    contentBase: path.resolve(__dirname, 'public'),
    port: 8080,
    inline: true,
    hot: true,
    open: true
  }
};

/======追記======/
webpack-dev-serverはbundle.jsは出さないそうでした。そして、編集するとコンパイルが自動的に走るようになりました。ただブラウザのHOTリロードはされないようです。
Modify

const path = require('path');
const webpack = require('webpack');

module.exports = {
  entry: path.resolve(__dirname, 'src/index.js'),
  output: {
    path: path.resolve(__dirname, 'public/assets/js/'),
    filename: 'bundle.js'
  },
  module: {
    loaders: [
      {
        test: /\.js$/,
        exclude: /node_modules/,
        loader: 'babel-loader',
        query: {
          presets: ["es2015", "react"]
        }
      }, {
        test: /\.css$/,
        loader: ['style-loader', 'css-loader?modules']
      }
    ]
  },
  devServer: {
    contentBase: path.resolve(__dirname, 'public'),
    port: 8080,
    inline: true,
    hot: true,
    open: true,
    compress: true
  }
};

Answer 1

再読込が行われていない状況から、そもそも生成物のスクリプトをブラウズしているページで読み込めていない可能性が高いかと思います。
初回に生成されたbundle.jsを消した後、該当のページを開いたときにネットワークパネルでbundle.jsを読み込めていますか？
webpack-dev-serverであれば、ファイルがなくてもネットワークパネルなどで確認すると、bundle.jsを読み込んでいるはずです。
console.log(1)をconsole.log(2)にして、出力が変化するなども合わせて確認した方が良いでしょう。