ryfe

0.3.2 • Public • Published

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)

  1. 生成的目录中,其中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

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

Readme

Keywords

none

Package Sidebar

Install

npm i ryfe

Weekly Downloads

3

Version

0.3.2

License

ISC

Last publish

Collaborators

  • channing