关于前端build工具

第一、build工具的核心就是帮你安装和帮你做事。安装类工具：Npm、Bower、Yeoman等          做事类工具：Node、Grunt、gulp、Webpack等

安装类工具几乎什么东西都能装，它们可以用来安装前端库像Angular.js或是React.js;它们可以为你的开发环境安装服务器；它们可以安装测试库；它们甚至还可以帮你安装其他的前端开发工具。简而言之，就是任何你能想到的与代码有关的东西，它们都能安装。

做事类工具的目标则是，在web开发中帮你完成自动化。而每一些工具做的事情也不尽相同，一些工具，擅长处理那些你所指定的任务，例如Grunt和Gulp等工具；还有一些工具，只专注于做一件事情，例如Browserify和Require.js等工具。

第二、build工具的“祖宗”是Node和Npm。

Node和Npm负责安装和运行所有这些工具，基本在项目中都会有它们的身影。它们一个负责安装，一个负责帮你做事情。
npm可以安装Angular.js和React.js等库，它还可以安装服务器，让你的应用在开发阶段可以在本地运行。它还可以安装很多其他工具，帮你完成很多事情，例如简化代码。
而Node，则是帮你完成事情的，例如运行JavaScript文件，以及服务器等。

第三、build其实就是production-ready版本的应用。

开发时习惯把JavaScript和CSS拆分成独立的文件。
独立文件的好处，可以专注于编写针对性较强的代码，让每一部分代码只针对一个问题。但是当应用准备好被推向市场的时候，项目内存在多个JavaScript或是CSS文件并不是一个好主意。当用户访问你的网站的时候，每一个文件都需要独立的HTTP请求，这会让站点加载速度下降。解决方法就是，给项目创建“build”，它要将所有CSS文件合并成一个文件，然后再合并JavaScript文件。这样就可以将文件完成最小化。要想创建这个build，你需要使用build工具。

第四、“安装”和“做事”之间的界限有时会模糊 。

所有工具都是“安装”和“做事”的结合体。但是一般来说，一个工具会有自己的强项，或是强于安装，或是强于做事。有的时候，一个安装类工具也能运行文件。npm就是这样，它也能运行命令和脚本，不仅仅是安装文件。

第七、所有build工具目标都一样：通过对大量低技术含量任务完成自动化，让你的工作变得更轻。

使用build工具最大的好处之一，就是在保存了一个文件之后，你就能创建一个新的build，并且将其发送到你的浏览器中。它能够显著的提升前端开发流程的速度。
那么我们应该在配置和调试build工具的时候，应该付出多少精力？很简单，如果你对当前工具的效果感到满意，那就可以停止配置了。