neden grunt-contrib-cssmin kullanıyorum cssimi değiştiriyorken sadece

Question

'u küçültmem gerekir css dosyalarımı küçültmek için grunt-contrib-cssmin kullanıyorum. Bu araç (grunt-contrib-cssmin) sadece temiz-css için bir sarıcı olduğunu düşünüyorum. Bu grunt eklentisinin cssimde değişiklikler yapması dışında her şey yolunda. Temiz-css deposundan bulabildiğim her seçeneği kullanmaya çalıştım ama hiçbir şey işe yaramadı. Lütfen bana yardım et bu şey beni öldürüyor!

Grunt Dosya:

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']); 
}; 

küçültme önce:

.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; 
} 

küçültme sonra:

.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} 

Şimdi 'arka plan: hiçbiri' şeyinin arka plan olarak değiştirildiğini görebiliyoruz: 0 0 'CSS'de küçültme dışında herhangi bir değişiklik yapmadığından nasıl emin olabilirim?

Answer 1

Aah, Github'daki temiz css sorunlarına baktıktan sonra, background:none;'un background:0 0; için "en iyileştirildi" olduğunu belirttiği this one numarasını buldum. 1 karakter daha kısa olduğunu unutmayın. Bence bu, “uglifikasyon” kütüphanelerinde oldukça yaygındır, fakat IMO'nun sadece boşluk gibi önemli olmayan bilgileri kaldırması gereken saf “minification” dan ayrı olmalıdır. Bunu devre dışı bırakmak için bir yolu yoktur sanmıyorum (eğer cssmin config kullanabilirsiniz) options for clean-css baktığımızda

, ben hiçbir şans ile shorthandCompacting ve advanced seçenekleri denedim. Maalesef, bununla sıkışmış gibi görünüyorsun. Ancak, background:0 0;, background:none; ile aynı şekilde çalışmalıdır.

Answer 2

Sen