"前端工程化技术架构.pdf"
前端工程化技术架构是指将前端开发流程自动化、标准化，以提高开发效率、降低维护成本的技术架构。“阿基里斯之踵”是前端工程化的痛点之处，即开发速度慢、协同效率低、距离业务逻辑较远、用户体验较近等问题。
解决思路：
1. 云+端一体化：前端工程化技术架构的目标是将前端开发流程自动化、标准化，以提高开发效率、降低维护成本。
2. 三步走：前端工程化的三步走是：定义问题、设计解决方案、实施解决方案。
3. 实验探索：云+端是一种新的开发模式，将前端开发流程自动化、标准化，以提高开发效率、降低维护成本。
未来规划：
1. 提升整个团队的专业能力和效率。
2. 流程规范的可执行性提高开发效率和降低维护成本。
问题定义：
1. 前端工程化的 “阿基里斯之踵”是指开发速度慢、协同效率低、距离业务逻辑较远、用户体验较近等问题。
2. 解决思路：前端工程化的 “三步走”是：定义问题、设计解决方案、实施解决方案。
实验探索：
1. 云+端是一种新的开发模式，将前端开发流程自动化、标准化，以提高开发效率、降低维护成本。
解决方案：
1. 基础服务团队的职责是交付前、交付中、交付后三个阶段的工作内容。
2. 三步走：定义问题、设计解决方案、实施解决方案。
基础服务团队的职责：
1. 交付前：编码、构建、测试、发布、部署、运维监控。
2. 交付中：编码、构建、测试、发布、部署、运维监控。
3. 交付后：维护性保障、持续集成、持续交付。
如何平衡维护压力与成长诉求？
1. eat 不下 eat 不饱，吃不下吃不饱的解决方案是：按职能划分、按业务线划分。
2. 基础服务团队的职责是交付前、交付中、交付后三个阶段的工作内容。
谁来承担前端工程化的工作？ LLxx
谁来承担前端工程化的工作？基础服务团队业务线AFE业务线BFEFE业务线B
前端工程化要做什么？
1. 定规范，有迹可循。
2. 定框架，方向统一。
3. 做工具，开箱即用。
4. 擦屁股，当爹当妈。
基础服务团队的职责是交付前、交付中、交付后三个阶段的工作内容。
如何保障维护性？
1. 没挑战没意思，满足不了我的需求。
2. LLxx
吃不下吃不饱的解决方案是：按职能划分、按业务线划分。
前端工程化的目标是：
1. 提升整个团队的专业能力和效率。
2. 流程规范的可执行性提高开发效率和降低维护成本。
大前端委员会，各组TLNode.jsKoa/ExpressEgg基于标准实现的内核Loader要想富，先修路-基于团队发展设计协作模式基于Template的二次开发前端工程标准规范Plugin插件Tool工具链适合特定场景的业务Template业务开发者基建参与者架构师委员会各业务线的一线开发同学各业务线骨干各团队架构师大前端委员会，各组TLNode.jsKoa/ExpressEgg基于标准实现的内核Loader。
大禹治水，宜疏不宜堵要想富，先修路-基于团队发展设计协作模式基于Template的二次开发前端工程标准规范Plugin插件Tool工具链适合特定场景的业务Template业务开发者基建参与者架构师委员会各业务线的一线开发同学各业务线骨干各团队架构师大前端委员会，各组TLNode.jsKoa/ExpressEgg基于标准实现的内核Loader。
流程规范的可执行性提高开发效率和降低维护成本是前端工程化的目标。
解决问题意愿低桌面应用，GUI能帮我们做什么？
1. 流程可视化，透明可见，执行成本更低。
2. 可视化流程常用的流程插件：Dev：代码检查（兼容性校验、版本管理）、Lint&Test：Eslint、单元测试、Build：编译构建、依赖检查、Deploy：函数/资源部署、以及每个流程的审批问题前置。
Electron版本管理文件检测可视化的流程，执行成本更低体验一致抹平服务使⽤use差异突破浏览器限制代码拼装动态引⼊入组件PluginDPlugin插件登录监控权限…基础服务灰度RPC…功能服务初始化项⽬目模板复⽤use InitPluginCPluginAPluginB资源管理理缓存设施最佳实践增量更新VM/DockerDeployCDNBuildWebpackBabelEslint推动业务最佳实践传播2Tools工具链少绕弯，多种树-引导业务做开放式能⼒force⾃自增Code提供插件式扩展能力（纵向能力插件、横向流程插件）。
