典型的场景,发生到了自己的身上。 创业公司,早期开发者离职,留下一堆迷之代码。
当前 team 经过 2 个月的煎熬, 已经看懂并能够在现在代码之上痛苦的做开发。 只是开发效率特别低下。 bug 失控。
现状:
- 手写的原生 javascript / css / html 代码,没有 ES6 等新语法。
- 没有使用任何的前端构建工具,没有任何前端模版。
- server 使用的 Django ,所以,用的 Django 内置 template 做模版的前端渲染。
- 使用了 template 的继承机制,但,代码中有近 10 个 base.html 。真的都是 base
- 全站当前总的前端页面数,小于 20.
- 有一个迷之 util.js ,封装了一些业务逻辑,也包括一些迷之自定义语法。大多数页面都依赖,代码大量使用 this ,方法之间传参很少,主要靠 this 去获取 attribute 。所以,铁板一块,无法解藕。
- 当前浏览器支持非常差,现在对浏览器兼容高了很多。微信内置浏览器等都要很好的支持。
- 当前代码在图片上传等方面,稳定性很差。只放了个 input 😊
改造目标:
- 业务要稳定,平滑过渡。
- 最多可以封闭开发 1 个月。之后必须每周迭代新功能并及时上线。
- 前后端彻底分离,后端只提供 API
- 技术方案: webpack + react
过渡方案:
- 依旧在后端做路由
- 将 react 作为 template 渲染的工具,每个 html 文件作为一个入口文件。
---------------------------------
一个高风险的尝试,倾听各位的意见。
感谢!