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/

gulp-sass imagePath不工作

1 个答案: