webpack开发服务器未创建捆绑文件

Question

我是webpack的新手，正在使用webpack dev服务器进行HOT重载。我的配置如下所示：

new WebpackDevServer(webpack(config), {
    publicPath: "./public/dist/bundle.js",
    hot: true,
    historyApiFallback: true,
    proxy: {
        '*': {
            target: 'http://localhost:3000',
            secure: false
        }
    }
}).listen(8080, 'localhost', function (err, result) {
    if (err) {
        return console.log(err);
    }

    console.log('Listening at http://localhost:8080/');
});

当我启动webpack开发服务器时，我希望它./public/dist/bundle.js按照指定的方式将js捆绑在一起。但这没有。但是，它的打印就像完成了捆绑处理一样：

Version: webpack 1.13.1
Time: 93044ms
                  Asset    Size  Chunks             Chunk Names
./public/dist/bundle.js  999 kB       0  [emitted]  main

但是在我的文件系统bundle.js中不存在。

我可以webpack先运行然后再调用webpack开发服务器，使其正常运行，从而使其能够正常工作！

我在哪里犯错？

Answer 1

请注意，webpack-dev-server 在内存中运行，因此它不会生成您应该定义的任何文件。如果需要实际文件，则应使用webpack --watch。webpack --watch如果要同时获取文件和HMR，则可以并行运行webpack-dev-server和。