使用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正确切换过来呢?
谢谢。
相关分类