为了账号安全,请及时绑定邮箱和手机立即绑定

Gulp-clean-css编译后出现的url问题

Gulp-clean-css编译后出现的url问题

偶然的你 2018-11-15 14:15:36
使用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正确切换过来呢?谢谢。
查看完整描述

2 回答

  • 2 回答
  • 0 关注
  • 983 浏览
慕课专栏
更多

添加回答

举报

0/150
提交
取消
意见反馈 帮助中心 APP下载
官方微信