使用 webpack 5 在模板中为背景图像创建的路径错误

问题描述

我正在尝试使用 webpack 5 构建我的模板文件。问题是正在生成的背景图像的路径是“basic-project/dist/stylesheet/img/webpack-bg.png”，而不是它应该是“basic-project/dist/img/webpack-bg.png”。附上webpack.config.js文件截图。

解决方法

看起来您已正确设置所有内容。正如您所提到的，实际问题来自 output.publicPath 值。基本上，在大多数情况下，正确的应该设置为 /：

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