以下内容均是新开发环境的JS部分,无涉及构建部分
一: 开发前准备阶段:
脚手架安装:
前提:
(1)切域:
npm set registry http://npm.gomefe.com
(2)绑定代理:
10.115.0.92 npm.gomefe.com
开始安装:
- 安装autopack:
npm install autopack -g
- 创建模板文件目录:
autopack --init project //创建一个文件名为project的文件
- 进入项目:
cd project
- 安装依赖
npm install
- 开启服务
autopack --server --port 3000
- 最后一步检查服务是否开启:
http://localhost:3000/src/js里面的js文件
二:开发调试阶段:
首先确保本地服务已开启,并且可以正常访问;
给到php电脑ip以及服务端口号(我电脑的ip每天都不同,每天第一件事就是跟php交换最新的ip : )),绑定php那边代理;剩余的交给php处理
最后检查php给的页面也就是开发页面是不是走的本地资源,没有问题就可以愉快地进行开发了
仓库的创建:
前面我们通过脚手架创建了文件资源,找有权限的人创建专属于你这个项目的仓库,放入你的资源
注意命名规范: 比如圈子话题详情:plus-circle-js
创库创建时间: 测试之前
三: 测试阶段:
注意:
- 现在我们没有以前在美信的 UAT,预生产,准生产,灰度环境了(一开始也迷糊了好久),测试测试的环境资源 === 打包压缩后的资源
- 打包压缩后的资源:现在我们JS包括构建本地去除打包压缩这个步骤,相关的步骤都挪到php那端,所以 我们无需再跑gulp
- 测试有问题怎么调试:类同上面开发调试阶段,调整完代码提交到远程分支,让php打包压缩,然后测试就可以看到你调整后的效果
四:上线阶段:
- 重大改变:
以前我们走的那一套较为复杂的上线流程,现在通通都不用了!(包括更改版本号发版等)
关于上线我们要做的就是确保我们master分支上的代码没有问题(后端打包压缩的最后一版)
五: 后期维护阶段:
应该注意的几个问题:
以前:
- 一个比如说整个wab,整个内嵌只有一个仓库(对于我们前端来说:包含JS和构建都在一起)
现在:
- 一个项目包含三个仓库:JS,构建,PHP. 美其名各司其职,互不干涉
还有一点就是这次重构就我一个做这块js,然后我直接在master里面进行开发,这在以后的开发是不推荐的,特别是多人的情况容易产生冲突,这块还是按照以前的流程新建分支进行开发,没有问题再往master里面合并(php那边暂时还没支持打包压缩分支里代码,后期会支持)