grunt-contrib-cssmin CSS压缩以及合并

grunt-contrib-cssmin:压缩以及合并CSS文件

安装插件:npm install grunt-contrib-cssmin --save-dev

不设置compatibility与noAdvanced属性,运行后会有一些hack(*zoom:1;_zoom:1;\9等)会被删除。

compatibility : ‘ie8‘, //设置兼容模式
noAdvanced : true //取消高级特性

1.多个文件按照源文件名称压缩:

cssmin: {
    options : {
        compatibility : ‘ie8‘, //设置兼容模式
        noAdvanced : true //取消高级特性
    },
    minify: {
        expand: true,
        cwd: srcName + ‘/‘,
        src: [‘*\*/\*.css‘, ‘!*.min.css‘], //.css文件,但不包括.min.css文件
        dest: buildPath + ‘/‘,
        ext: ‘.css‘
    }
}

2.多个文件压缩并合并为一个css

cssmin: {
  options: {
    compatibility: ‘ie8‘,
    noAdvanced: true
  },
  minify: {
     files: {
       "stylesheets/common.min.css": [‘css/*.css‘,‘!css/*.min.css‘]
     }
  }
}
时间: 2024-10-19 20:59:57

grunt-contrib-cssmin CSS压缩以及合并的相关文章

gulp完成javascript压缩合并,css压缩

最近需要对项目进行优化,主要是对js的压缩合并和css文件的压缩,查找相关资料之后发现gulp可以实现相关的功能,特此分享一下使用心得. 1.安装gulp gulp是基于Node.js的前端构建工具.所以首先需要安装nodejs,安装nodejs. 完成nodejs安装之后,需要使用npm安装gulp. 先安装全局gulp npm install -g gulp 然后在项目根目录下安装本地gulp. 此时项目根目录下会多出下面这个文件夹 node_modules 好的,现在gulp已经安装完成了

js css 压缩

合并和压缩JS.CSS文件 压缩JS,CSS文件需要引用如下组件: gulp-minify-css: 压缩css gulp-jshint: 检查js gulp-uglify: 压缩js gulp-concat: 合并文件 gulp-rename: 重命名文件 gulp-clean: 清空文件夹 gulp-notify:提示 安装组件项目目录,通过cd 进入项目的根目录,执行下边的npm安装组件 npm install gulp-minify-css gulp-jshint gulp-uglify

MVC4中压缩和合并js文件和样式文件

1.在App_Start文件夹中BundleConfig.cs类中添加相应的文件 1.1bundles.Add(new ScriptBundle("~/bundles/adminJs").Include("~/Scripts/jquery.js", "~/Scripts/jquery.form.js")); 1.2bundles.Add(new StyleBundle("~/Content/adminCss").Include

DIV CSS优化 CSS压缩技巧教程

DIV CSS优化 DIVCSS5为大家介绍简单的CSS优化.涉及优化内容:CSS代码优化.CSS重用优化.缩短字符.删除换行等处优化 目录 CSS样式单词简写优化 标点符号优化 删除换行 CSS重用优化 CSS代码优化简写总结 一.CSS样式属性单词代码简写优化 - TOP 1.border(CSS边框)简写: 1).4个边边框宽度为1px,颜色为#000 border-color:#000; border-style:solid; border-width:1px 可以简写为:体感音乐放松椅

CSS的样式合并与模块化

by zhangxinxu from http://www.zhangxinxu.com 原文地址:http://www.zhangxinxu.com/wordpress/?p=931 一.引言 本文的核心观点为CSS的合并与模块化,似乎与前一篇文章“CSS样式的再分离”有矛盾,其实不然,分离可以精简CSS代码,合并也可以精简CSS代码,一切都是权衡!或是说是在恰当的情况下使用恰当的手段. 正如前文所提到的,分离可以精简CSS,但是同时会带来巨大的HTML代码的开销,显然,对所有的样式进行再分离

简短的几句js实现css压缩和反压缩功能

写在前面 最近一直在整理css,但因为现在Visual Studio 2013太智能了,它每每在我按ctrl+E+D进行格式化代码的时候,就会将css进行层次格式化(如下图所示),而这个格式让我老大实在无法忍受,我老大认为它实在是太浪费空间了. 那我应该怎么办呢,每次将本地代码上传之前都打开另外一个vs10,然后复制粘贴,可是下次从服务器拉下来代码我一编辑,手痒一下就又变成上面这个鬼样,折磨的我呀 刚刚看了豪情的一篇文章,http://www.cnblogs.com/jikey/archive/

CSS压缩混淆 / 格式化 / 美化

<!doctype html><html><head><meta charset="utf-8"><title>CSS压缩混淆 / 格式化 / 美化工具</title><style type="text/csss">@charset "utf-8";/* CSS Document */ *{margin:0; padding:0; font-family:&quo

grunt管理js/css

1.安装node 2.npm安装 3.运行grunt,可能遇到下面的问题 可以运行npm install -g grunt 然后再运行grunt 可以看到已经压缩成功了:

linux下分卷压缩,合并解压的3种方法

我们上传东西的时候,由于文件过大而不能上传,或者不给上传,最明显的就是发邮件了,附件最大5M,有的10M.如果超过了就郁闷了.这个时候,如果能把压缩的东西,分割开来就比较爽了,windows下面我想大家知道怎么分割,利用winrar,winzip图型化设置压缩出来的块的大小.但是在linux下面有没有这样的方法了,linux下面有rar命令,有zip命令,windows下面这二种方式可以分割压缩,我想linux下面绝对也是可以的.下面是我尝试过程的记录: 一,rar分卷压缩和合并解压 rar -