0.3.2 • Published 9 years ago
ryfe v0.3.2
fe-build-cli
软研前端自动化构建
##环境依赖及安装
- 本工具需要依赖nodejs,前往 nodejs 安装最新版nodejs;
- git clone 本项目;
- 在下载的地址根目录执行
npm install -g
; - 命令行输入ryfe有输出项则为安装成功
##使用详解 ###初始化项目(以example为例)
- 创建文件夹example;
- 命令行切换到example目录下执行
ryfe init
; - 依次输入:
输入项目名称(Package name):默认为根目录名称,亦可手动输入 项目版本号(Version):默认为0.0.0 项目描述(Description):可为空 项目创建者(Author)
- 生成的目录中,其中statics为源资源目录,statics下面的commons目录为公共文件,tpl为模版块目录,views为页面代码目录,base.json为端口和资源路径配置文件,package.json为项目名称、项目版本号等信息。
###本地开发 1. 在当前目录命令行输入ryfe dev; 2. 本地打包代码根据base.json的占位符生成页面; 3. 本地服务器路径为 http://localhost:8000; 4. 文件改动自动编译刷新;
###测试阶段 1. 在当前目录命令行输入ryfe qa1; 2. 生成目录_qa1;其中statics对应着静态资源; 3. views对应着页面资源,根据base.json替换占位符;
###预发布阶段 1. 在当前目录命令行输入ryfe pre; 2. 生成目录_pre, 3. 会根据package.json���面的版本号生成目录statics/version/{css/imgs/js}; 4. views对应着页面资源,根据base.json替换占位符;
###发布阶段 1. 在当前目录命令行输入ryfe build; 2. 生成目录_build, 3. 会根据package.json里面的版本号生成目录statics/version/{css/imgs/js}; 4. views中的占位符去掉;
##各占占位符含义
- <%=baselink%> 各阶段替换的链接
- <%=baseport%> 各阶段替换的端口号
- <%=module%> 生成模块id
##TO DO
- 自动图片精灵合成
- 单元测试