"webpack-dev-server" ' 将我的文件编译到磁盘吗?



在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'
        }
    },

最新更新