Webpack Server does not collect .js, what to do with it?

Question

webpack

Webpack-dev-server 2.4.2 does not bundle .js (in my case it is bundle.js). When launched, everything outputs to the terminal without errors, writes "successful", but there is no result - it displays the unchanged bundle.js When
requesting the webpack command, without running locally, everything works without errors, the assembly occurs. Do not remain indifferent to this issue, in the open spaces of the network this problem is not uncommon.

const ExtractTextPlugin = require('extract-text-webpack-plugin');
var path = require('path');

module.exports = {
    entry: './src/app.js',
    output: {
        filename: 'bundle.js',
        path: path.resolve(__dirname),
        publicPath: path.resolve(__dirname, './static')
        // path: __dirname + '/bundle'
    },
    module: {
        rules: [
            {
                test: /\.js$/,
                exclude: [/node_modules/],
                use: [{
                    loader: 'babel-loader',
                    options: { presets: ['es2015'] }
                }]
            },
            {
                test: /\.css$/,
                use: ExtractTextPlugin.extract({
                    fallback: 'style-loader',
                    use: 'css-loader'
                })
            }
        ]
    },
    devServer: {
        contentBase: path.join(__dirname, "dist"),
        compress: true,
        stats: "errors-only",
        open: true
    },
    // devServer: {

    // },
    plugins: [
        new ExtractTextPlugin('styles.css')
    ]
}

Answer 1

Mb the problem is that your bundle.js is simply cached.
Try this
It adds hash to the filename and changes it on every rebuild so the bundle is reloaded every time.
Plus, you don't need to write the names of js files in index.html. It helps a lot when there are several.