这个博客已经过去了很久……

不过,你可以通过以下方式找到我

现在的位置: 首页 > 谈前端 > server > 正文
Auto Task Tool
2013年12月05日 server ⁄ 共 1107字 等你评论

att 是一个前端命令行工具,可以用于脚本、样式、图片的压缩和发布,主要功能有:

  • 压缩脚本、样式、图片
  • 发布文件到 m.alicdn.com
  • 代码格式化
  • 语法检查
  • 通过模板创建项目
  • 转换图片或者将 css 文件中的图片成 DataURI
  • 内置一个 server

一、安装与准备工作

安装 att

npm install att -g

安装 att-yunos-suite 插件,它包含云 OS 业务相关的功能:将脚本、样式、图片……等文件发布到 CDN

att install att-yunos-suite

host 增加一条规则

10.200.97.13 m-source.aliyun.com

二、如何使用

在终端输入 att,会看到目前支持的命令

Usage: att COMMAND[:NAMESPACE] [ARGS] [--silent]

  beautify     format the code to be beautiful
  createapp    create app by template
  datauri      datauri the css or image
  help         for more infomation on a specific command
  hint         code syntax validation
  install      install att plugin by npm module
  minify       minify html, css, js and image files
  namespace    set a command running without :namespace by default
  server       startup a simple server
  uninstall    uninstall att plugin

 :att-yunos-suite    1.0.0
  cdn          publish assets to cdn
  1. 上传文件到 cdn

默认的上传操作会检查文件是否有版本号,随后压缩,并有交互式提醒

上传到测试 cdn

att cdn my.js

上传到预发

att cdn my.js --staging

上传到线上 cdn

att cdn my.js -p

上传并忽略压缩

att cdn my.js --ignore

上传并忽略版本号

att cdn my.js --ignore-version

上传并忽略交互提示

att cdn my.js --silent

仅上传文件,如果是 css 文件,此操作不会将 css 中的图片路径替换为 cdn 上的绝对路径

att cdn my.js --upload

测试环境尤其线上环境不应该存在测试代码,att 默认会去除代码中的 console,如果一定要在测试环境中使用,可以临时创建一个别名(低版本 IE 没有这个方法,高版本下仅在开发工具打开时才能访问,谨慎使用,否则要挂):

var log = console;

其他帮助及源代码

友荐云推荐
×