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/