梳理前端技术架构
浏览:1317 次

1、 自动化构建我们的所有项目都基于生产部署的自动化构建。Gulp致力于自动化和优化工作流程。Webpack对前端资源进行模块化管理和打包,Browserify对前端资源执行模块化打包和单独处理。在自动构建过程中应考虑并解决以下部分:提高开发效率包括热加载、开发和生产代码的分离;优化性能包括代码合并和压缩、文件版本号、按需加载和图像优化;提高代码质量包括模块化、ES6+Babel编译、css预处理、eslint代码检查和无用代码片段过滤。
2、 持续优化架构
基于项目,我们将向npm发布一个不涉及业务逻辑的空项目框架(包括通用解决方案),即一个适用于当前团队项目的特殊项目框架。当我们需要优化它时,我们将修改并发布它,当有新项目需要使用时,我们会将其删除。这样,每个人的优化结果都可以得到反映,并可以从所有项目中受益。为了使已发布的项目可用,我们将审查小组所有成员的代码,以确保解决方案的可靠性。

3、 项目迭代方案
使用Git版本管理工具来管理代码版本。分支、主干和发布分别用于表示分支、主干以及发布版本。最新的代码被持续发布,软件项目被自动构建/测试以保持与在线同步;测试代码放在主干中,开发代码放在分支中。同一时期同一项目的多个版本从分支中提取多个分支,在测试时将它们合并到主干中。整个过程确保了测试、主干、灰度和在线环境的正常运行。