简易开发流程

  1. 组件文件位置: 全站公共的组件位于 ./src/components/common 文件夹中,页面的私有组件请写到页面相对应的文件夹下。
  2. 入口文件: 入口文件为每个页面对应下的app.js。例如首页的入口文件为 ./src/components/index/app.js 请根据产品需求在render中添加组件。
  3. 页面预览入口: 使用 yarn run dev 在启动webpack服务后,会得到开发IP地址(0.0.0.0:9001 或者 127.0.0.1:9001) 页面预览地址为 : domain/src/tmpl
  4. 路由实时映射可以使用 yarn run devServer 来启动koa webpack 服务器
  5. 异步请求规范: AJAX 请求使用封装的 ../components/common/service/service.js 在使用时在文件开头import
  6. 图标: 所有的图标使用字体图标(禁止使用雪碧图),字体文件位于 fonts文件夹内,图标使用请先提交至相关同学处进行制作字体文件,开发过程中先用其他图标代替。
  7. 新组件的添加
    1. entry.js中添加新的路由与路径
    2. ./tmpl 中添加对应的html文件,引入 *.bundle.js
    3. IE8测试: host绑定真机ip,页面预览同为domain/src/tmpl,IE8浏览器关闭遇错停止选项,IE11模拟8选择跳过错误。 1.IE8的接口无数据问题:必须采用相对路径,请按照server.js中的规范进行接口书写,并更改nginx设置
    4. 提交代码审查
  8. 打包提测流程
    1. 使用 yarn run online 进行文件打包
    2. 使用 ./build/publish.sh进行文件上传
  9. 上线流程: 通知后端拉去分支,前端不操作。

bug修复流程

当你在处理bug时出现选择分配人的情况请将以下脚本建立一个书签,进行快速选择

javascript:(function(){function search(name){var t = document.getElementById('assignee');var found = false;if(!t)return;var ps = t.options;var len = ps.length;for( var i=0; i<len; i++ ){if(ps[i].text.indexOf(name)!=-1){ps[i].selected = true;found=true;}}return found;}(function(){var name = prompt('请输入TA的名字:');if(name===null)return;if(name==''||!search(name)) {alert('JIRA上没有”'+((name?name:'TA')+'“哦>_<'));arguments.callee.call();};}) ();})();

测试服务部署流程

  1. 运行 yarn run online -- "bundle-20170630第一次打包测试" 或者直接运行 yarn run online也可以,commit信息会根据本地时间自动生成
  2. 登陆你的ker
  3. 根据提示上传静态文件

results matching ""

    No results matching ""