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 任务确实如此：

Running "cssmin:minify" (cssmin) task Warning: Broken @import declaration of "custom-style.css?v=1" Use --force to continue.

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 引用 link 然后它就可以工作了。

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

url 中的 grunt cssmin @import 参数

grunt cssmin @import parameters in url

sass

gruntjs

grunt-contrib-cssmin