webpackでバンドルされたファイルの確認方法

前提・実現したいこと

webpackを初めて使ったのですがバンドルされたファイルを見る方法がわかりません。
webpackが複数のモジュールを一つにするものだということは理解しました。

発生している問題

outputに書いてる/publicに出力されるものだと思っているのですが、エクスプローラで表示されません。
├── public
│ ├── index.html
│ └── bundle.js 出力されるものだと思っているのですが、エクスプローラで表示されません。
├── src
│ └── index.js
├── package.json
└── webpack.config.js

そもそも出力されている場所が違うのでしょうか？
npm startでlocalhostを立ててindex.htmlを見てみるとbundle.jsは読み込めてます。

該当のソースコード

webpack.config.js
1module.exports = {
2    entry: {
3        app : "./src/index.js"
4    },
5    output: {
6        filename: "bundle.js",
7        path: __dirname + "/public"
8    },
9    devServer : {
10        historyApiFallback: true,
11        contentBase : __dirname + '/public',
12        port:8080,
13        publicPath:'/'
14    },
15    devtool:"#inline-source-map",
16    module:{
17        rules:[{
18            test:/.js$/,
19            enforce:"pre",
20            exclude: /node_modules/,
21            loader:"eslint-loader"
22        },{
23            test:/.css$/,
24            loader:["style-loader","css-loader"]
25        },{
26            test:/.js$/,
27            exclude:/node_modules/,
28            loader:'babel-loader'
29        }]
30    }
31};

index.html
1<!DOCTYPE html>
2<html lang="en">
3
4<head>
5    <meta charset="UTF-8">
6    <meta name="viewport" content="width=device-width, initial-scale=1.0">
7    <title>Document</title>
8</head>
9
10<body>
11    <div id="root"></div>
12</body>
13<script type="text/javascript" src="bundle.js" charset="utf-8"></script>
14</html>