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