cssmin没有正确处理@import

我使用cssmin包含@imports的文件. cssmin正是递归地导入本地文件,但是对于指向URL的导入,导入是内联的.这使得最终的CSS无效,因为@规则必须在文件的开头.有没有人知道这个问题的一个很好的解决方案或解决方法

解决方法

我和cssmin和@import有完全一样的问题,我发现一个有grunt concat的解决方案:

>创建一个concat grunt任务:
>将@import url放在mified css文件的开头,并替换@imports url的引用为“”.
>执行cssmin任务后执行任务concat:cssImport.

Grunt task Code: to execute (concat:cssImport)

grunt.initConfig({     
   concat: {
      cssImport: {
            options: {

               process: function(src,filepath) {
                return "@import url(http://fonts.googleapis.com/css?family=Roboto:400,300,900);"+src.replace('@import url(http://fonts.googleapis.com/css?family=Roboto:400,900);','');
              }
           }
         },files: {
                'your_location_file_origin/file.full.min.css': ['your_location_file_destination/file.full.min.css']
            }
        } )}

我的灵感来自https://github.com/gruntjs/grunt-contrib-concat#custom-process-function.

相关文章

Css3如何实现鼠标移上变长特效?(图文+视频)
css3怎么实现鼠标悬停图片时缓慢变大效果?(图文+视频)
jquery如何实现点击网页回到顶部效果?(图文+视频)
css3边框阴影效果怎么做?(图文+视频)
css怎么实现圆角边框和圆形效果?(图文+视频教程)
Css3如何实现旋转移动动画特效