我使用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.
