Javascript 网页包开发服务器和网页包->；将文件输出到父目录，并使webpack dev服务器热重新加载仍在工作

我们的web应用程序具有以下结构：

/src(.sln)
--/ClientSite
--/AdminSite
--/SharedWeb

在

SharedWeb

中，我们有以下文件夹：

--/Client
--/Admin
--/Shared

我们使用此结构是为了在

webpack dev server

中进行热重新加载，无论我们编辑的是什么文件，并且只有一个

package.json

等。如果有人感兴趣，我们为什么选择此结构：

到目前为止，一切正常，但现在我们需要部署解决方案，我们需要将

bundle.js

导出到正确的站点

在

webpack.client.config.js

中：

热重新加载可以正常工作，但脚本文件未正确导出到站点：

output: {
    filename: "./Scripts/dist/[name].bundle.js",
},

脚本文件已正确导出，但热重新加载停止工作：

output: {
    filename: "../ClientSite/Scripts/dist/[name].bundle.js",
},

使用路径和文件名的正确方法根据文档，没有任何效果：

output: {
    path: path.resolve(__dirname, "Scripts/dist/"),
    filename: "[name].bundle.js"
}

脚本文件已正确导出，但热重新加载不起作用。如果我将

webpack

与

--watch

一起使用，并手动重新加载

webpack dev server

URL，我可以看到更改，但不会自动重新加载

output: {
    path: path.resolve(__dirname, "../ClientSite/Scripts/dist/"),
    filename: "[name].bundle.js"
},

---

这样解决了问题，

publicPath

是在

webpack dev server

中进行自动更新的关键

output: {
    path: path.resolve(__dirname, "../ClientSite/Scripts/dist/"),
    publicPath: '/Scripts/dist',
    filename: "[name].bundle.js"
},