webrebuild.org第四届年会——金秋四城联动

邀您参加“裸奔”

在你对CSS华丽的效果着迷时,别忘了在华丽外表下面,最原始的文字。

邀您参与每年4月9号的“CSS裸奔节”,详情请登陆webrebuild.org

样式文件合并工具 mergeCSS 应用之单文件模式

Ghost 发表于 [2009-12-20 15:54]

样式文件合并工具 mergeCSS 基础功能的开发已经基本结束了,目前版本为1.8,已经进入最后的测试调整,估计月底可完成。感谢这段时间来大家对mergeCSS的关注与支持,在此特别感谢CSS森林参与测试和提供帮助的同学,特别是飘飘和小志,为提高 mergeCSS 在实际使用中的可用性提供了较具体的使用场景。

本文将介绍 mergeCSS 1.8版本中的单文件模式,做为mergeCSS一个主要的文件处理模式,它主要包含了以下几个功能:

  • 基本的文件压缩:去除多余空格、换行、注释
  • 如果文件中包含以import链入的文件,可以选择是否将其内容导入合并后的文件(支持本地绝对和相对路径)
  • 新文件的命名:默认以原文件名加时间戳的方式生成合并后的文件;可自定义后缀或以原文件名保存(自动备份原文件)
  • 提供三种文件保存路径选择:桌面、原文件目录(默认)、自定义目录
  • 支持2种压缩风格:每个定义为一行(默认);压缩为一行
  • 支持为压缩后的文件添加文件完整性验证标记
  • 支持为样式中的图片添加或删除版本号(?v=时间戳),可指定处理的图片
  • 支持从某一备份文件版本还原文件
  • 支持快捷键
  • 在windows下为样式文件添加了右键菜单项,让你的使用更为方便

下面是mergeCSS v1.8 的界面:
mergeCSS v1.8 界面

选项展开图:
mergeCSS v1.8 界面

自定义设置:
自定义设置

看到这个界面,可能一开始会觉得太复杂了,不容易上手。因此这里也提前介绍下基本的操作:

打开要处理的文件,提供了3种方式,分别如下:

  • 使用“文件”菜单中的“打开样式文件”
    打开样式文件
  • 按ctrl()+O
  • 直接将文件拖入界面

保存处理后的文件:

  • 使用操作区左下角的“保存样式文件”按钮
    mergeCSS v1.8.20091220 保存处理后文件
  • 使用“文件”菜单中的“保存样式文件”
    保存样式文件
  • 按ctrl()+S

使用“保存为文件列表”功能,可以将当前的设置和文件保存为一个XML文件,下次可使用“读取文件列表”功能将其读取
读取文件列表

PS:这个工具目前还没有图标,有兴趣提供图标设计的同学,欢迎与我联系。

文章地址:http://www.cssforest.org/blog/index.php?id=156

样式文件合并工具 mergeCSS 应用之单文件模式》采用的授权是创作共用的 “署名-非商业性使用-相同方式共享 3.0 通用许可”.

文章被分类到:mergeCSS


评论也精彩

  1. 树人 在 204 日 之前 说:

    下载来试试..

  2. cheap eyeglasses online 在 155 日 之前 说:

    好东西,下载来看看!

欢迎发表评论
  1. 请不要发表跟文章无关的评论,内容或站点如指向非个人博客地址的以发广告对待!
  2. 为抵制垃圾评论,留言需要先预览再点击提交。
  3. 评论支持textile语法,查看 textile帮助
  4. 还可以使用QQWeb输入法