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

Question

我是 webpack 新手，我正在使用 webpack 开发服务器进行 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 开发服务器时，我希望它按照指定将 js 捆绑在 ./public/dist/bundle.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 dev server 来使其工作，它按预期工作!

我哪里出错了？

Answer 1

请注意，webpack-dev-server 运行 in-memory，因此它不会生成任何您应该根据定义看到的文件。如果你想要实际的文件，你应该使用 webpack --watch。如果你想同时获取文件和 HMR，你可以并行运行 webpack --watch 和 webpack-dev-server。