webpack-dev-server和webpack->將文件輸出到父目錄，並使webpack-dev-server熱重裝仍然有效

Question

我們的Web應用程序具有以下結構：

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

在SharedWeb我們有以下文件夾：

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

我們具有此結構，以便無論我們編輯哪個文件，並且僅包含一個package.json等，都可以通過webpack-dev-server進行熱重載。有關為什么有人感興趣的我們為什么選擇此結構的主題：

共享的React前端組件->使用TypeScript的單獨項目-> Visual Studio 2017

到目前為止，一切工作都很好，但是現在我們需要部署解決方案，我們需要將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使用並手動重新加載webpack-dev-server URL，則可以看到更改，但不會自動重新加載。

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

Answer 1

這樣解決了， publicPath是自動更新在webpack-dev-server中webpack-dev-server的關鍵。

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

https://github.com/webpack/docs/wiki/configuration#outputpublicpath