在WebPack的"入门"页面中,在有关webpack-dev-server
的部分中提到了 -
开发服务器使用WebPack的手表模式。它还可以防止webpack 从将结果文件排放到磁盘。相反,它保持和服务 从内存中产生的文件。
这是否意味着捆绑的文件webpack-dev-server
Compiles仅保存在内存中,而且我还必须将webpack --watch
与Dev-Server进程一起在后台运行,以将编译的文件实际保存到我的硬盘驱动器中?
webpack-dev-server
显然不会将代码编译为磁盘,而是将其保存在内存中。这意味着您需要手动编译更改,或者如果您希望在编译文件中反映的更改进行更改,则在后台运行webpack --watch
。我学到了艰难的方法。
在深入挖掘Webpack-dev-server文档之后:
此修改的捆绑包是从记忆中的相对路径上提供的 在公共路径中指定(请参阅API)。它不会写给你的 配置的输出目录。捆绑包已经存在 URL路径,内存中的束优先(默认情况下)。
在WebPack 5中,您可以将devServer.devMiddleware.writeToDisk
设置为true。这将在您的目标位置上编译到磁盘的文件。
devServer: {
port: port,
static: {
directory: path.resolve(__dirname,'./dist'),
},
devMiddleware: {
index: "[name].html",
writeToDisk: true
},
open:true,
// default fall back if browser endpoints do not exist.
historyApiFallback: {
index: 'dashboard.html'
}
},