SASS//背景图片路径问题

Question

我正在尝试为class设置背景图片。

这是我使用 laravel-mix:

的文件结构

我在 app.scss 文件中的代码有什么问题？

.header-bg {
   background-image: url('img/illustration-main.jpg');
   background-size: cover;
}

试过了但还是不行：

.header-bg {
   background-image: url(require('img/illustration-main.jpg'));
   background-size: cover;
}

这里以img文件夹内容为例：

Answer 1

如果您的 css 文件正在构建为 dist/app.css，您的图像路径应该与此相关。由于您的 img 文件夹是 dist 的同级文件夹，请尝试 url('../img/illustration-main.jpg')

SASS// Background Image path issue