2015-01-07 4 views
5

私はcssファイルを小さくするためにgrunt-contrib-cssminを使用しています。私はこのツール(grunt-contrib-cssmin)はclean-cssのラッパーにすぎないと思います。この無言のプラグインが私のCSSに変更を加えているという事実を除いて、すべては問題ありません。私はclean-cssリポジトリから見つけることができるすべてのオプションを使用しようとしましたが、何も機能しませんでした。親切にもこのことが私を殺してくれるのを手伝ってください!!なぜgrunt-contrib-cssminを使用して私のCSSを変更しているのですか?

うなり声ファイル:

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

縮小化する前に:

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

縮小化後:

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

これで、 'background:none'のことが 'background:0 0'に変更されていることが分かります。それはbackground:none;background:0 0;に「最適化」されていることを識別し

+0

は用途をcssmin [クリーンCSS](https://github.com/jakubpawlowicz/clean-css)ライブラリのバグのように見えるrestructuring: falseオプションを試すことができます。 – jakerella

答えて

4

はああ、GitHubの中にきれいな-CSSの問題を見た後、私はthis oneを見つけました。 1文字短くなっています。私はこれが "uglification"ライブラリではかなり一般的だと思うが、IMOは空白のような重要でない情報だけを取り除くべき純粋な "minification"とは別にすべきである。 (あなたはcssminの設定で使用することができます)options for clean-cssを見る

私は運とshorthandCompactingadvancedオプションを試してみた、これを無効にする方法があるとは思いません。残念ながら、あなたはこの問題に悩まされているようです。ただし、background:0 0;background:none;と同じに動作する必要があります。

1

あなたは

関連する問題