Astros是一个前端集成开发环境，旨在通过工具自动化完成大部分非思考性的工作，如JS合并、脚本压缩、图片优化、合成雪碧图和字体文件等，让程序员更能享受编程本身。

Astros的核心，是做为一个前端静态资源服务器，每次请求，都是实时处理并返回。在Astros中，任何资源，如js、css、图片、字体、视频等都是一个Asset，收到请求后，依次调用可用的中间件完成对Asset的解析、依赖分析、优化等操作，最后返回处理结果。

通过Astros目前提供的中间件，已能完成如下功能：

• 自动合并雪碧图
• 根据SVG，自动合成字体文件
• 二倍图转一倍图（只需要切2倍图，自动生成1倍图）
• 自动对图片进行无损压缩，并附加交错属性
• 解析LESS，自动完善样式HACK（如为border-radius添加-wekit-等前缀）
• CSS和JS压缩
• 支持在浏览器端使用CMD模式
• HTML自动转JS模板（正常书写HTML，JS中作为变量引用，不必在JS中拼接字符串）
• 静态资源发布时，支持文件名MD5
• livereload 开发中

安装

安装astros-cli

创建项目时，你不必手动创建目录结构，挨个安装nodejs依赖，astros-cli能帮你完成这些工作。

npm install -g astros-cli

创建项目

astros create ~/astros-example

或者直接从 github 获取

git clone [email protected]:lemonabc/astros-example.git
cd astros-example
npm install
npm start

默认端口号是Web服务器端口号是3301，静态资源服务端口号是 3300

工作目录

配置文件

static.js

发布时，会读取static-build.js，可在发布时才引用图片压缩、JS压缩等中间件。

属性|类型|默认值|描述 ----|----|----|---- name|String|default|项目名称 port|Number|3104| 静态资源服务器端口号 root|String||项目根目录 jsExt|String|js|JS文件后缀名 cssExt|String|less|样式文件后缀名 htmlExt|String|html|html文件后缀名 assets|String|site/assets|静态资源目录 webCom|String|site/components|web组件目录 jsCom|String|site/assets/less|js组件目录 cssLib|String|site/assets/less|公共样式类库目录 page|String|root/page|页面存储路径 cache|String|root/_cache|缓存目录 release|String|root/_cache/release|发布目录 img|String|root/assets/img|图片存放目录 imgCache|String|root/_cache/imgcache|图片处理缓存目录 ignore|Array|['jslib', 'less'|发布时要忽略的assets下的目录 middlewares|Array||项目加载的中间件 cdnPrefix|||资源路径修饰符

site.js

属性|类型|默认值|描述 ----|----|----|---- port|String|3100|web服务器端口号 root|String||项目根目录 openTag|String|{{|模板开始标记 closeTag|String|}}|模板结束标记 page|String|root/page|页面存储路径 autoAssets|Boolean|false|支持自动引用页面CSS和JS globalVariable|Object||全局参数

发布时，会读取site-build.js

发布

在项目根目录下，执行

astros build

或者

astros build 项目目录

你可以增加 --html 参数，发布解析后的HTML

更多文档，请访问官网