webpack-dev-server页面刷新了，但内容却没用变

Question

用webpack写一个小例子，webpack.config.js配置如下：

var webpack = require('webpack');
    var path = require('path');
    
    module.exports = {
        entry:  __dirname + "/src/js/index.js",  //入口文件
        module:{
            loaders:[{
                test: /\.js?$/,  //正则解析所有js文件
                exclude: /(node_modules)/,   //不包含的文件夹
                loader: 'babel-loader',  //用babel-loader来解析
                query:{
                    presets:['react','es2015']   //加载包
                }
            }]
        },
        output:{    //输出文件
            path: __dirname + '/dist/js',
            filename: "bundle.js"
        }
    }

通过webpack-dev-server启动后，修改代码可以看到页面刷新了，但是内容却没用变化：

求大神指教，是我的配置没用写好，还是其他原因呢？

Answer 1

你的hello word 33333什么的是不是写在state里的

Answer 2

output里的path改成dist就好了 不要后面的/js,钥匙这里不改就要改webpack-dev-server的配置