为什么使用 grunt-contrib-cssmin 会改变我的 css,而它应该只缩小它
why using grunt-contrib-cssmin is changing my css while it should only minify that
我正在使用grunt-contrib-cssmin来缩小我的css文件。我认为这个工具(grunt-contrib-cssmin)只是clean-css的包装器。一切都很好,除了这个咕噜咕噜的插件正在我的 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:00' 我如何确保它除了缩小它之外不会对我的 css 进行任何更改。
啊
,在查看了 Github 中的 clean-css 问题后,我发现了这个问题,它标识了background:none;
被"优化"为background:0 0;
。请注意,它短了 1 个字符。我认为这在"丑陋化"库中很常见,但它应该与纯粹的"缩小"分开,IMO 应该只删除像空格这样的不重要的信息。
查看clean-css的选项(您可以在cssmin配置中使用),我认为没有办法禁用此功能,我已经尝试了shorthandCompacting
和advanced
选项,但没有运气。不幸的是,看起来你被这个困住了。但是,background:0 0;
的操作方式应与background:none;
相同。
你可以试试restructuring: false
选项
相关文章:
- 我应该连接/缩小已经缩小的JS/CSS吗?如果是,如何
- 颗粒-JavaScript/CSS缩小SIMPLE/ADVANCED优化不起作用
- 如何使用CSS或JQuery使整个网页看起来更小(就像Chrome的缩小功能一样)
- 将javascript和css内联放在一个缩小的html文件中以提高性能
- 当使用HTTP/2时,缩小和连接JS/CSS文件,以及使用精灵进行图像处理仍然可以提供性能优势
- 如何用CSS和Javascript缩小HTML
- css:缩小时保持浏览器居中.css中的
- 缓存和缩小dojo、jquery-js和CSS的最佳java工具
- 在linux,服务器端缩小并加入CSS和JS文件
- 在 CSS 缩小后吞噬同步内联 CSS
- 在CodeIgniter中有效地缩小CSS和JS
- 如何使用自定义配置缩小 CSS 和 JS
- 从 webpack 的 ExtractTextPlugin 和 style-loader 中缩小 css
- 让 Sprockets 在不使用 Rails/Rack 应用程序时缩小 CSS/JS
- 谷歌浏览器没有正确加载带有大型缩小css和脚本的网站
- Drupal7中缩小CSS和JS文件的最佳方法是什么
- 使用grunt contrib cssmin创建缩小css时出错
- 更新并缩小css文件
- 如何缩小CSS和Javascript
- 为Magento缩小CSS和JS