前端架构设计应该包含哪些东西？

前端架构设计

后台架构设计概念适用于前端，前端没有数据库设计，所以可以不考虑并发。
vuejs的优点，一样适用于前端项目。高内聚，低耦合，可复用，单元测试。

从项目的生命周期，开发、上线、维护三个阶段考虑

1. 高内聚低耦合，划分清晰的模块职责范围，确定模块依赖和交互关系。
2. 打包优化，自动化部署。高性能、安全可靠、监控，局部更新。
3. 可扩展易维护，以数据来驱动视图，合理的模块拆分，层次清晰。统一的编码风格、文档留存，单元测试。

从实际项目来说，我们一般需要这么做：

1. 每个vue插件一个模块
2. 全局通用的工具类一个模块
3. 公共和私有的vue组件模板
4. 全局常量一个模块
5. service模块，管理接口请求request和translate，组件模板只关心返回值。
6. vuex模块，分模块管理公共状态，确定使用vuex的场景。用户身份、本地持久化数据。
7. 全局过滤器模块。
8. 国际化字典单独一个模块。
9. 静态资源按是否需要打包分开管理
10. 代码规范和代码检查
11. 自动化部署，webpack相关方案

业务层的设计宗旨我们关注2点：

1. 可复用
2. 异常即时反馈

以上内容整理略显片面，只是希望可以起到抛砖引玉的作用，让大家明白出发点应该是怎么样。