我是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 dev服务器时,我希望它按照指定将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服务器来实现它,该服务器正在按预期工作!
我在哪里弄错了?
答案 0 :(得分:4)
请注意,webpack-dev-server运行内存中,因此无法生成您应该按定义查看的任何文件。如果您需要实际文件,则应使用webpack --watch
。如果要同时获取文件和HMR,可以并行运行webpack --watch
和webpack-dev-server。