astros v1.0.13
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 git@github.com: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
更多文档,请访问官网
8 years ago
8 years ago
8 years ago
8 years ago
8 years ago
8 years ago
8 years ago
8 years ago
8 years ago
8 years ago
8 years ago
8 years ago
8 years ago
8 years ago
8 years ago
8 years ago
8 years ago
8 years ago
8 years ago
8 years ago
8 years ago
8 years ago
8 years ago
8 years ago
8 years ago
8 years ago
8 years ago
8 years ago
8 years ago