如何在webpack-dev-server中將基礎url映射到contentBase

我不知道如何通過webpack-dev-server（2.4.5）來實現。如何在webpack-dev-server中將基礎url映射到contentBase

全部靜態資產包括bundle.js被放置在文件夾「/ DIST」項目下。

我有以下設置，但無法找到圖像。

devServer: { 
    publicPath: '/app', 
    contentBase: '/dist' 
}

靜態資產的所有請求也跟隨baseUrl。例如 http://localhost:3001/app/image1.jpg

我認爲它找不到圖像，因爲項目中沒有文件夾「應用程序」。

難道有人會告訴我如何在不改變項目目錄的情況下實現這個目標嗎？或者，webpack可以將baseUrl映射到contentBase嗎？

2017-07-20 J.L.

您的devServer.publicPath應該與output.publicPath相同。所以，在你的配置，你可能應該有這樣的：

output: { 
    filename: 'bundle.js', 
    path: path.resolve(__dirname, 'dist/app/'), 
    publicPath: '/app/' 
}

的的WebPack-dev的服務器也需要一個暗示從publicPath，用它來確定從服務輸出文件。 https://webpack.js.org/configuration/output/#output-publicpath

2017-11-14 09:10:34 Olga

回答