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

Question

例如，我有这样一个元素:

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

Answer 1

你在使用 https://www.npmjs.com/package/gulp-rebase .在我看来，这正是您要找的东西。

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

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

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