Webpack Web包开发服务器未创建捆绑文件
我是webpack新手,正在使用webpack dev server进行热重新加载。我的配置如下所示:Webpack Web包开发服务器未创建捆绑文件,webpack,Webpack,我是webpack新手,正在使用webpack dev server进行热重新加载。我的配置如下所示: new WebpackDevServer(webpack(config), { publicPath: "./public/dist/bundle.js", hot: true, historyApiFallback: true, proxy: { '*': { target: 'http://localhost:3000
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服务器时,我希望它按照指定在/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-dev-server使其正常工作
我犯了什么错误?请注意,webpack dev server在内存中运行,因此它不会生成任何您根据定义应该看到的文件。如果您想要实际文件,应该使用
webpack--watch
。如果您想同时获取文件和HMR,可以并行运行webpack--watch
和webpack dev server。它位于内存中,但您可以将其设置为同时写入捆绑包(webpack v4),包括:
因此,我们根本无法将内存包写入文件?这与webpack dev server的理念背道而驰,因为它需要尽可能快。如果您想要实际的文件,那么运行它旁边的
webpack--watch
就可以了。检查dev服务器源代码,了解它是如何发挥作用的。您是否使用了正确的webpack.config.js?抄袭问题
"writeToDisk: true