的WebPack

我的文件结构是：

dist
  css
    style.css
  index.html
  js
    bundle.js
src
  css
    style.css
  index.html
  js
    main.js
node_modules
webpack.config.js
package.json

我webpack.config.js的样子：

module.exports = {
    entry: './src/js/main.js',
    output: {
        path: __dirname,
        filename: './dist/js/bundle.js'
    },
    module: {
        loaders: [
            {
                test: /\.js$/,
                exclude: /(node_modules)/,
                loader: 'babel',
                query: {
                    presets: ['es2015']
                }
            },
            {
                test: /\.vue$/,
                loader: 'vue'
            }
        ]
    }
};

我运行：

webpack-dev-server --content-base dist --hot

它建立并好像它的工作。本地主机：8080显示预期的结果，但热重装不只是不工作。当我修改一个文件，我可以在终端，一个重建正在发生的事情，但什么也没有发生在浏览器中看到的。我缺少在配置的东西吗？

当使用webpack-dev-server，它在内部建立的所有文件，并且不将它们吐出到你的输出路径。单独运行webpack，不开发服务器，进行实际的编译到磁盘。开发服务器做一切在内存中，其通过大量的加快重新编译。

要解决你的热重装的问题，内容设置基地到您的源目录，并启用inline-mode

像这样：

webpack-dev-server --content-base src --hot --inline