sass - url中的grunt cssmin @import参数

Question

我正在寻找一种将版本参数放在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）任务警告：“custom-style.css?v=1”的@import 声明损坏使用--force 继续。

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

有没有办法避免这个警告？

Answer 1

问题是因为问号“？” 被添加到文件而不是 url。尝试提供对同一资源或 cdn 链接的 http 引用，然后它将起作用。

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