javascript - gulp-sass imagePath 不工作

Question

我正在尝试在我的 scss 文件中添加图像前缀，例如在我的 scss 文件中

background-image: image-url('/img/bg.png')

应在 css 文件中将其转换为

background-image: url('/barfoo/img/bg.png');

在我的 gulpfile.js 中，我的样式任务定义如下:

var _sass = gulp.src('../scss/main.scss')
    .pipe($.sass({
        errLogToConsole: true,
        imagePath: '/barfoo/'
    }))
    .pipe($.autoprefixer('last 2 versions'));

现在的问题是，当我运行此任务并检查生成的 css 文件时，我得到

background-image: url('/img/bg.png')

没有前缀路径。我没有收到任何错误。有什么建议可能会出问题吗？

Answer 1

我认为，在将 sass 编译为 css 后，您应该应用另一个 gulp 插件:

检查这个: https://www.npmjs.org/package/gulp-css-url-adjuster/