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/