fe-build-cli

软研前端自动化构建

##环境依赖及安装

1. 本工具需要依赖nodejs，前往 nodejs 安装最新版nodejs;
2. git clone 本项目;
3. 在下载的地址根目录执行 npm install -g;
4. 命令行输入ryfe有输出项则为安装成功

##使用详解 ###初始化项目（以example为例）

1. 创建文件夹example；
2. 命令行切换到example目录下执行ryfe init;
3. 依次输入：

输入项目名称（Package name）：默认为根目录名称，亦可手动输入 项目版本号（Version）：默认为0.0.0 项目描述(Description):可为空 项目创建者(Author) 4. 生成的目录中，其中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

• 自动图片精灵合成
• 单元测试