我正在使用 grunt-contrib-cssmin 来缩小我的 css 文件。我认为这个工具 (grunt-contrib-cssmin) 只是 clean-css 的包装器。一切都很好,除了这个 grunt 插件正在我的 css 中进行更改。我尝试使用可以从 clean-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' 我如何确保它不会对我的 css 进行任何更改,除了缩小它。