cssmin 没有正确处理@import

Question

我在包含@imports 的文件上使用cssmin。 cssmin 正确地递归地导入本地文件，但是对于指向 URL 的导入，导入是内联的。这使得生成的缩小 CSS 无效，因为 @ 规则必须位于文件的开头。有谁知道这个问题的好的解决方案或解决方法？

Answer 1

我在使用 cssmin 和 @import 时遇到了完全相同的问题，我找到了使用 grunt concat 的解决方案:

1. 创建一个 concat grunt 任务:
2. 将@import url 放在mified css 文件的开头，并将@imports url 的引用替换为“”。
3. 在 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,300,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 .