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

使用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正确切换过来呢?

谢谢。


偶然的你
浏览 993回答 2
2回答
打开App,查看更多内容
随时随地看视频慕课网APP

相关分类

JavaScript