使用 webpack 的模板中為背景圖像創建的路徑錯誤 5

Question

我正在嘗試使用 webpack 5 構建我的模板文件。問題是正在生成的背景圖像的路徑是“basic-project/dist/stylesheet/img/webpack-bg.png”，而應該是“basic -project/dist/img/webpack-bg.png”。 附上 webpack.config.js 文件截圖。

Answer 1

看起來你已經正確設置了一切。 正如您所提到的，實際問題來自output.publicPath值。 基本上，在大多數情況下，正確的應該設置為/ ：

// webpack.config.js
module.exports = {
  // ...
  output: {
    // ...
    publicPath: '/',
  },
}