webpack-dev-server显然不会将您的代码编译到磁盘，而是将其保存在内存中。这意味着您需要手动编译您的更改，或者如果希望更改反映在编译的文件中，则需要在进行更改时在后台运行webpack --watch。
在深入研究webpack-dev-server docs之后：
此已修改的捆绑包将从内存中publicPath（请参阅API）中指定的相对路径提供。它不会写入配置的输出目录。如果同一URL路径中已存在捆绑包，则内存中的捆绑包优先（默认情况下）。

在webpack5中，你可以将devServer.devMiddleware.writeToDisk设置为true。2这将把文件编译到目标位置的磁盘上。

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