使用gulp进行css压缩后出现一个问题,文件目录是这样的: static/
src/
images/
header.png
css/
pages/
main.css
xxx.css import.css
dist/main.css中的的某个样式: .header-area { background: url('../../images/header.png')
}import.css: @import pages/main.css
@import pages/xxx.css现在进行gulp编译: gulp.task('minifycss', function(){
gulp.src('src/css/**/*.css')
.pipe(cleanCss())
.pipe(concat(import.css))
.pipe(gulp.dest('dist/css/'))
})现在存在的一个问题就是,编译后的css都在import.css中,这时url的路径正确的应该是url('../images/header.png'),但现在还是('../../images/header.png'),找不到对应的图片资源。后使用绝对路径,在src中url('/static/src/images/header.png'),但编译后url正确应为url('/static/dist/images/header.png')。使用gulp-clean-css应如何把url正确切换过来呢?谢谢。
添加回答
举报
0/150
提交
取消