工具链的作用

工具链在前端领域扮演着很重要的角色。如何为Javascript生产环境构建去构建一套工具链，来覆盖前端各个开发环节，是我们需要了解学习的。
而一套高效的工具链体系，对于每一个前端团队来说都有着至关重要的意义，它不仅可以提高团队的开发效率，还可以在一定程度上规范前端开发的各个环节，进而为团队节省一些人员协作和调整的成本。

综上，前端工具链旨在友好开发体验，提升开发团队开发效率。

工具链的分类

脚手架

脚手架是构建一个标准项目模板的生成器。我们每次开发新的项目，我们都要使用对应类型项目的脚手架，去初始化一个新项目，它会一个通用的目录结构，配置好我们所需要的工作环境。
常见的脚手架有：

• Vue 的脚手架：vue-cli
• Angular 的脚手架：angular-cli
• React 的脚手架：create-react-app

  本地调试

单元测试

发布系统

每个团队为了满足不同的业务需要，其发布系统的模式流程都不大相同，但本质上却有共同点，下面提供的是一个简单模型的示例。意在让大家了解它的大体架构。

我们将发布系统分为三个部分

• 线上服务系统：用户在线上真正使用的系统
• 发布系统：程序员向线上发布所需系统的系统。这个系统不可以与线上服务系统是同级部署，也可以跟我们的线上服务系统分属于两个独立的集群。这里我们实现一个简单的模型：即单机，同级部署发布系统
• 发布工具：命令行工具，与发布系统相连接

工具链体系的设计

版本问题

数据统计

参考资料

《认识前端工具链（一）》