使用相对路径时，gulp-sass 导入不会重新设置正确图像的 url答案

【问题标题】：gulp-sass import doesn't rebase the right images' url when used relative path使用相对路径时，gulp-sass 导入不会重新设置正确图像的 url
【发布时间】：2018-03-09 07:23:14
【问题描述】：

例如，我有一个这样的项目：

如果 common.css 从'/src/css/imgs' 文件夹中导入图像并且
common.css 由'src/css/channel/index.scss'导入。
但是经过gulp-sass转化后，index.scss转化为'dist/css/channel/index.css'，图片在index.css文件中的路径
不会变基到 '/dist/css/imgs' 文件夹。
谁能告诉我如何解决这个问题。

【问题讨论】：

标签： css sass gulp

【解决方案1】：

您使用的是https://www.npmjs.com/package/gulp-rebase 吗？在我看来，这就像您正在寻找的确切东西。

Gulp 不会自动改变你的路径，除非你使用像上面这样的某种插件？

所以你可以在你的 gulp 文件中添加这样的东西：

gulp.src('/src/css/imgs/*').pipe(rebase('/dist/css/imgs'));

【讨论】：