图像路径的 GULP 问题

Question

我总是在 VS 代码中使用实时页面重新加载器。 所以我认为在网站上显示图像没有任何问题。 但是当我尝试将它放在 gh-pages 上时，我转换后的 css 文件的图像路径错误（它完全是我的 scss 文件中的路径）。如何让gulp根据放置css和scss文件的文件夹改变路径。

我的 gulp 脚本：

let gulp = require('gulp');
let rename = require('gulp-rename');
let sass = require('gulp-sass')(require('sass'));

function copy(done) {
    gulp.src('./scss/styles.scss')
        .pipe(sass({
            errorLogToConsole: true
        }))
        .on('error', console.error.bind(console))
        .pipe(rename('styles.css'))
        .pipe(gulp.dest('./css/'));
    done();
}


exports.default = copy;