warum mit grunt-contrib-cssmin meine CSS ändert, während es nur die

Question

minimieren sollte Ich benutze grunt-contrib-cssmin, um meine CSS-Dateien zu minimieren. Ich denke, dieses Tool (grunt-contrib-cssmin) ist nur ein Wrapper für clean-css. Alles ist in Ordnung außer der Tatsache, dass dieses Grunt Plugin Änderungen in meinem CSS macht. Ich habe versucht, jede Option zu verwenden, die ich von Clean-CSS-Repository finden konnte, aber nichts hat funktioniert. Bitte hilf mir, dass dieses Ding mich umbringt !!

Grunt Datei:

module.exports = function (grunt) { 
    'use strict'; 
    // Project configuration 
    grunt.initConfig({ 
     // Metadata 
     pkg: grunt.file.readJSON('package.json'), 
     cssmin: { 
      options: { 
       keepSpecialComments:'1', 
       processImport: false, 
       roundingPrecision: -1, 
       shorthandCompacting: false, 
       aggressiveMerging: false, 
       advanced: false, 
      }, 
      minified_css_admin: { 
       src: ['public/admin/css/style.default.css','public/admin/prettify/prettify.css','public/admin/css/bootstrap-fileupload.min.css','public/admin/css/developer.css'], 
       dest: 'public/admin/css/minified-css-admin.min.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']); 
}; 

Vor Minifizierung:

.loginwrapper input#remember_me { 
    margin: 0 !important; 
    min-height: 10px; 
    width: auto; 
    box-shadow: 0px 0px; 
    background:none; 
    padding-left:0px!important; 
    padding-right:5px!important; 
} 

Nach Minifizierung:

.loginwrapper input#remember_me{margin:0!important;min-height:10px;width:auto;box-shadow:0 0;background:0 0;padding-left:0!important;padding-right:5px!important} 

Nun kann man sehen, dass das 'background: none' Ding in 'background: 0 0' geändert wird. Wie kann ich sicherstellen, dass es keine Änderungen an meinem css vornimmt, außer es zu verkleinern.

Answer 1

Aah, nach dem Blick auf die sauber-CSS-Probleme in Github fand ich this one, wo es identifiziert, dass background:none; ist "optimiert" zu background:0 0;. Beachten Sie, dass es 1 Zeichen kürzer ist. Ich denke, das ist ziemlich üblich in den "Higlification" -Bibliotheken, aber es sollte getrennt von reiner "Minification" sein, die, IMO, nur nicht-signifikante Information wie Whitespace entfernen sollte.

am options for clean-css Suchen Sie (die Sie in Ihrem cssmin Config verwenden können) Ich glaube nicht, dass es eine Möglichkeit, dies zu deaktivieren ist, habe ich die ohne Glück shorthandCompacting und advanced Optionen ausprobiert. Leider sieht es so aus, als ob du mit diesem hier feststeckst. background:0 0; sollte jedoch genauso funktionieren wie background:none;.

Answer 2

können Sie versuchen, restructuring: false Option