Javascript 为什么使用grunt contrib cssmin会改变我的css,而它只会缩小它
我正在使用grunt contrib cssmin缩小我的css文件。我认为这个工具(grunt contrib cssmin)只是干净css的包装器。一切都很好,除了这个grunt插件正在我的css中进行更改。我尝试过使用从干净的css存储库中找到的每一个选项,但没有任何效果。请帮帮我这东西快把我害死了 Grunt文件:Javascript 为什么使用grunt contrib cssmin会改变我的css,而它只会缩小它,javascript,css,node.js,gruntjs,grunt-contrib-cssmin,Javascript,Css,Node.js,Gruntjs,Grunt Contrib Cssmin,我正在使用grunt contrib cssmin缩小我的css文件。我认为这个工具(grunt contrib cssmin)只是干净css的包装器。一切都很好,除了这个grunt插件正在我的css中进行更改。我尝试过使用从干净的css存储库中找到的每一个选项,但没有任何效果。请帮帮我这东西快把我害死了 Grunt文件: module.exports = function (grunt) { 'use strict'; // Project configuration
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}
缩小之前:
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}
缩小后:
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}
现在我们可以看到“背景:无”更改为“背景:0”,我如何确保它除了缩小css之外不会对我的css进行任何更改。Aah,在查看Github中干净的css问题后,我发现它标识了
背景:无代码>被“优化”为背景:0代码>。请注意,它缩短了1个字符。我认为这在“丑化”库中非常常见,但它应该与纯粹的“缩小”分开,在我看来,缩小只应该删除像空白这样的重要信息
查看(您可以在cssmin配置中使用)我认为没有办法禁用它,我尝试了速记压缩
和高级
选项,但运气不佳。不幸的是,你似乎被这件事困住了。但是,background:0代码>的操作应与背景相同:无
您可以尝试重新构造:false
选项看起来像cssmin使用的库中的错误。