url中的grunt cssmin @import参数

时间:2017-06-28 11:01:22

标签: sass gruntjs grunt-contrib-cssmin

我正在寻找一种方法将版本参数放在sass文件中某些@import语句的url尾部:

@import url('custom-style.css?v='+random(99999));
@import url('custom-style-mobile.css?v='+random(99999));

Grunt sass似乎并不拒绝这个陈述,但cssmin任务确实如此:

  

运行“cssmin:minify”(cssmin)任务警告:@import已损坏   声明“custom-style.css?v = 1”使用--force继续。

cssmin: {
            options: {
                keepSpecialComments: 1
            },
            minify: {
                expand: true,
                cwd: '<%= paths.dest.css %>',
                src: ['*.css', '!*.min.css'],
                dest: '<%= paths.dest.css %>',
                ext: '.min.css'
            }
        },

有办法避免这种警告吗?

1 个答案:

答案 0 :(得分:1)

问题是因为问号&#39;?&#39;被添加到文件而不是网址。尝试给同一资源或cdn链接提供http引用,然后它就可以工作。

$rand: random(99999);
@import url("http://yourcdn.com/custom-style.css?v=#{$rand}");