CssGaga – 部署文件

功能说明

文件压缩合并之后,会有一个部署的需求,即将文件拷贝到不同的地方(比如某个SVN目录,或者某个测试环境),在 CssGaga 的界面右下角的 生成到 区域就是用来快速勾选部署环境的

CssGaga 只支持 Windows 资源管理器能直接打开的目录,所以如果是 ftp 的话,需要用一些软件(比如 NetDrive)将 ftp 虚拟为本地磁盘

文件格式

拖 css 生成出来的文件都可以同步过去,默认只支持前端常用的文件格式,是有限制的,不过可以自行添加更多格式,到更多选项里的同步文件类型输入框里修改即可

理解对应关系

用个 demo 来说明,比如本地有个项目 D:\gaga-demo

我要把其中的 D:\gaga-demo\css\style.css 先部署到测试环境(测试环境的 FTP 虚拟成本地的 O 盘) O:\css\style.css,之后需要一个 http://10.213.135.120/css/style.css 的网址用来查看测试环境的文件,再提单到发布系统 /usr/local/imgcache/htdocs/css/style.css 最后发布到外网的地址为 http://qzonestyle.gtimg.cn/css/style.css

这些就构成了对应关系

D:\gaga-demo\css\style.css  
O:\css\style.css  
http://10.213.135.120/css/style.css  
/usr/local/imgcache/htdocs/css/style.css
http://qzonestyle.gtimg.cn/css/style.css  

那么我们的配置就是从项目根目录开始截取,即

D:\gaga-demo  
O:  
http://10.213.135.120  
/usr/local/imgcache/htdocs
http://qzonestyle.gtimg.cn  

配置源文件目录

拖进来的文件所在的项目根目录,如 D:\gaga-demo

CssGaga 主界面左上角的输入框即为源目录,可以手动填写,也可以点右侧的浏览按钮(省略号按钮)进行选取

如果你拖拽进来的文件不在这个目录中,则 CssGaga 不会处理此文件

配置部署目录

  1. 切换到对应关系选项卡
  2. 网站设置,网址填写css服务器的域名,http://qzonestyle.gtimg.cn
  3. 目标路径设置,目标路径最多可以配置7个,选择序号后进行对该路径的具体配置
  4. 名称是指显示在 CssGaga 界面右下角的名称,比如填 120
  5. 路径指文件将要部署位置,这里填 O:
  6. 自定义,可不填,这里我填的是 http://10.213.135.120
  7. 提单路径,可不填,这里我填的是 /usr/local/imgcache/htdocs
  8. 关联 TortosiSVN,选中后需要同时在更多选项选项卡中配置一下 TortosiSVN 的安装目录,比如 C:\Program Files\TortoiseSVN,此功能的作用是部署到这个目录之后会自动运行 TortosiSVN 命令:1)更新部署目录 2)提交此次部署的文件(弹出 TortosiSVN 后,需手动点一下确定按钮)

返回CssGaga – 帮助索引