鸭脖 ( CSS 压缩 && Combo )
###Version
- 13.7.21 终结此项目 ( 推荐用 Less 自动编译 )
- 13.2.4 @import url 支持 " ' 和空
- 12.11.20 集成 YUI compressor|修正中文编码问题
- 12.11.19 增加图片时间戳开关
###前世今生 Ycombo 可以合并 CSS / JavaScript 并且基于 YUI Compressor 压缩
但必须要有一个合并列表文件,称之为 seed. 并且不方便无服务器端的本地开发.
所以 Yabo 应运而生
###功能点
- 无需单独的合并列表文件,直接读取 CSS 里的 @import 文件合并
- 合并后自动调用 YUI Compressor 进行压缩,filename.source.css 进去 出来 filename.css || filename.css 进去 出来 filename.min.css
- 给图片加时间戳, 包含关键词 Yabo_img_timestamp_off 来关闭此功能
- 给文件结尾加时间戳
###安装
- 下载 Yabo
- 编辑器里配置外部工具,这里用 Intellij IDEA 举例,当然同样适用于 PHPStorm 和其他支持传参的编辑器
例如 Settings > External Tools
"Program":"wscript",
"Parameters":"E:\Dropbox\Code\Yabo\JScript\Yabo.js $FilePath$",
"Working directory":"$FileDir$"
要改的就是 Yabo.js 的路径,
对应 E:\source\source.css E:\source
###使用 在需要压缩的 CSS 文件内右键选择 Yabo.js
就会在同目录下生成当前文件.min.css
###运行环境 目前是 JScript 写的,只能运行在 windows 下
###JAR版
JAR 需要 JAVA 环境支持,请确保已经安装好JDK,在命令行中可以正常运行 java -version
参数说明:
-h --help 显示帮助
-f --file CSS文件,允许绝对路径或JAR包的相对路径。压缩后以 文件名.min.css 保存
在命令行中运行,例:
java -jar yabo-1.0.jar style.css
IDEA中的配置
"Program":"$JDKPath$\bin\java.exe",
"Parameters":"-jar yabo-1.0.jar -f $FilePath$",
"Working directory":"E:\dropbox\code\Yabo\java\build\"
目前 jar 版与 JScript 在细节处理上还有一些差别,以后会保持一致。
###todo
- 目录遍历压缩功能还木实现
- 不支持JS合并(貌似也没好办法搞)
##EditPlus 相关设置
###部署Yabo脚本
- 下载 Yabo
- 把JScript目录下的两个文件拷贝到你的硬盘(比如d:/Yabo/)
###编辑器里配置外部工具
菜单选项:
Tools > Preferences > Tools > User tools > add Tool
参数设置:
Menu text : Yabo
Command : WScript.exe
Argument : d:/Yabo/Yabo.js $(FilePath)
Initial directory : $(FileDir)
- Argument参数的文件路径为你存放Yabo.js的路径,Yabo.js和yuicompressor-2.4.8pre.jar这两个文件需要放在同一目录
- Initial directory参数需要设置为$(FileDir)
-
$FilePath$ $FileDir$ 可以通过编辑器选项自动生成
###使用
- 快捷键(默认ctrl+数字,Yabo是你的第N个工具数字即为N,可keyboard菜单选项中修改)
- 直接点击菜单tools中的定义好的Yabo