Как я могу минимизировать файл CSS, содержащий строки URL @import

Question

Я использую grunt-contrib-cssmin для минимизации моих css-файлов, но onw из моих css-файлов использует строки URL @import, а вышеупомянутый плагин grunt не может минимизировать этот css-файл. Я также пробовал использовать утилиты clean-css и cssjoin для решения этой проблемы, но пока ничего не получалось.

**

• Grunt File:

**

grunt.initConfig({
        // Metadata
        pkg: grunt.file.readJSON('package.json'),

        cssmin: {
          minified_css_admin: {
              files: {
                  'public/admin/css/minified-css-admin.min.css'     ['public/admin/prettify/prettify.css','public/admin/css/developer.css']
              }
          }

        }
    });
    // These plugins provide necessary tasks

    grunt.loadNpmTasks('grunt-contrib-cssmin');


    // Default task
    grunt.registerTask('default', ['admin-default']);
    grunt.registerTask('admin-default', ['cssmin:minified_css_admin']);
};

**

• Prettify.css

**

@import url('bootstrap.min.css');
@import url('bootstrap-responsive.min.css');
@import url('uniform.tp.css');
@import url('jquery.ui.css');
@import url('colorpicker.css');
@import url('colorbox.css');
@import url('jquery.jgrowl.css');
@import url('jquery.alerts.css');
@import url('animate.min.css');
@import url('animate.delay.css');
@import url('font-awesome.css');
@import url('jquery.tagsinput.css');
@import url('ui.spinner.css');
@import url('jquery.chosen.css');
@import url('fullcalendar.css');
@import url('font-awesome-ie7.css');
@import url('../fonts/roboto.css');


/***** RESET BROWSER STYLES *****/
/********************************/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
    background: transparent;
    border: 0;
    margin: 0;
    padding: 0;
    vertical-align: baseline;
}

Answer 1

Согласно https://github.com/gruntjs/grunt-contrib-cssmin/issues/75 cssmin требует, чтобы вы установили корневой каталог, чтобы он сохранял относительные URL-адреса @import.

   cssmin: {
        options: {
            report: 'min',
            root: '../../webroot',
       }
   }