「构建程序／系统 」制作的概念基础

最近觉得React编程技术学得有一定操作能力，开始转向实操阶段，转向开发环境的学习。第一个任务，是学习和定制构建工具，或构建系统。

然而，名不正，言不顺，在尝试制作一个东西之前，必须对这个东西有一定深度的认识。构建程序，或构建系统 是什么，有什么用，相信有过一定项目经验都不陌生，但并不一定精确；如果你还不能为一个特殊的项目定制 构建系统，直接使用现成的脚手架， 也是你不精通的例证之一。

构建系统的实质和及其技术基础

「构建系统」是什么？

这里的构建系统，与常识build tool相通，是指协助开发者对大型软件项目执行的 开发构建、运行测试、发布部署 等日常任务的工具。

「构建系统」的工具特征？

构建系统的使用特征是提供了 像 start run test build常用的命令入口，你可以在项目的命令行，或集成的IDE上「使用」此工具；

有通用的「构建系统」的吗？

由于项目特性，没用完全适用于某个特定项目的 构建系统，但是有相当多的通用模板或脚手架，可供使用；例如：

• 可定制自动脚手架
  • create-react-app
  • Neutrino
• 静态react脚本架
  • react-slingshot
  • react-starter-kit https://reactstarter.com/
• 静态 npm script 脚手架开
  • npm-build-boilerplate
  • npm-compiler

「构建系统」怎么制作？

除非项目非常的简单，否则大多数的构建系统都是从现有的脚手架之上微调得到，像CRA。当然，能调整一个现成的 构建系统也就有了定制的能力前提了，因为我们需要掌握 制作构建系统的基础技术；

「构建系统」使用什么技术制作？

软件 构建系统 有一个自动化任务的传统，所谓的脚本script本质上也是一个“程序”，一个自动化脚本任务可以看成一个“子程序”。在Web开发领域，编写自动化脚本的技术目前最流行的要数gulp和npm script。

接下来主要讲，使用npm script制作Web开发项目的构建系统，不是gulp技术，也不是非Web项目，像桌面项目；

Web项目构建系统技术特征

Web项目的构建系统无一不使用nodejs作为基础技术，这有历史和其它多种原因。要定制和使用Web项目构建系统，必先厘清一下nodejs相关的必要知识。

为什么Web项目或开发前端应用（WGP）需要安装Nodejs？

这个问题对刚进入前端领域的开发者来比较常见问。Web应用程序（WGP）是基于浏览器的，的确运行不需要Node，开发工具也不必一定需要Node，只是人为和趋势所致而已，主要有以下一些原因：

• 第一，Web应用 和 Node 应用都是JS应用，它们有共通的代码库可共享，所以 大型Web应用 对Node的全球代码库有一定的依赖；
• 第二，大部分Web应用 有 服务端，Web应用 不但前端，后端也会依赖Node；选择已有第三方技术，例如PHP作用后端不一定是明智；
• 第三，开发工具完全可以使用现有的工具，例如使用传统的Make作构建技术，但是如果可以直接用自己熟悉的JS来开发辅助工具不是灵活自由吗？

npm 和 package.json是什么

使用 nodejs 作为基础技术的另一个让新手困惑是关于 NPM和它的配置文件 package.json。NPM是nodejs平台自带的 全球代码库的客户端管理工具，对NPM的困惑主要源它被赋于了多重角色的原因，请看以来的我对NPM的不满：

复制代码由于多重角色，导致 配置文件 package.json混入多重涵义的数据。