2

我正在尝试在我的 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')

没有前缀路径。我没有收到任何错误。有什么建议在这里可能会出错吗?

4

1 回答 1

2

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

结帐: https ://www.npmjs.org/package/gulp-css-url-adjuster/

于 2014-08-25T18:52:32.403 回答