前端技术架构梳理

一、自动化构建

我们所有的项目都是基于自动化构建进行生产部署，Gulp 致力于自动化和优化工作流，Webpack 进行前端资源模块化管理和打包，Browserify 进行前端资源的模块打包和单独处理能力。自动化构建过程主要要考虑和解决好以下几个部分：提高开发效率包括热加载、开发和生产代码分离；优化性能包括代码合并压缩、文件版本号、按需加载、图片优化；提高代码质量包括模块化、ES6+Babel编译、css预处理、eslint代码检查、无用代码片段过滤。

二、架构持续优化

基于项目我们会把不涉及到业务逻辑的空项目框架（包含通用解决方案）发布到npm上，也就是适用于当前团队项目的特殊的项目脚手架，我们需要优化时就修改完发布，有新项目要用时，拉下来即可用。这样，所有人的优化成果都可以得到体现，也可以受益于所有项目。为了让发布的项目可用，我们会进行组内全部成员的代码Review，确保解决方案的可靠性。

三、项目迭代方案

使用Git版本管理工具进行代码版本管理，用branches、trunk、release分别表示分支、主干、发布版本，最新代码放在release持续，自动地构建/测试软件项目，和线上保持同步；测试代码放在trunk，开发代码放在brances，同一项目同一时期有多个版本就在brances里面拉取多个分支，提测时都合并到trunk。整套流程保障了测试、主干、灰度以及线上环境的正常运行。

来千语创想移动应用开发平台学习更多APP开发知识：app开发，app制作，app开发源码下载，app开发框架，app制作模板等免费获取。千语创想支持APP定制开发，一键网站自动生成app、网站转app、网站封装app，有网站即可生成自己的app。

立即免费在线制作一个APP，新手注册即送开发大礼包

提交app定制需求，免费获取报价和周期：

电脑请点击https://www.qianyuthink.com/?url=/index?uzchannel=500

手机请点击https://www.qianyuthink.com/?url=/m/quickaddcustom