私は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;
に「最適化」されていることを識別し
は用途をcssmin [クリーンCSS](https://github.com/jakubpawlowicz/clean-css)ライブラリのバグのように見える
restructuring: false
オプションを試すことができます。 – jakerella