前端构建工具比较

在一些简单的项目中我们仍有能力把所有JS依赖联系起来，但越来越复杂复杂的JS依赖很可能会成为困扰着我们。而且单页面应用（ single-page applications, SPA, 单页面应用简介）依赖 many hefty libraries 。所以前辈们发明出了很多的构建工具，这些工具能够让我们方便的按需加载依赖，Webpack 就提供了很多这样的策略。而现在很流行的Node和他的包管理器npm让我们能更舒服的管理依赖。还有很多工具可以自动化地进行代码的语法检查、压缩等等。

Task Runners

历史上有很多的构建工具，其中 Make 或许是最出名的，到现在还是一种切实可行的选择。而 Grunt 和 Gulp 作为专业的 Task Runner 是在特别考虑到JS开发人员的情况下创建的。
通过NPM提供的插件使 Task Runner 既强大又可扩展。甚至可以使用npm script作为Task Runner，这在Webpack中尤其常见。
从名字上可以看出 Task Runner 就是运行一个一个的任务，这些任务可以是检查语法、编译、压缩等等。

Make

Make首次发布于1977年，主要用于C语言项目，但它与C语言没有任何联系。同样可以用于网页的构建工具，使用 Make 构建网站—阮一峰 这篇文章简单介绍了 Make 命令和使用方法，作者还分享了为什么构建大型项目首选 Make ，而不是 npm script、Grunt 或 Gulp。

npm scripts as a Task Runner

尽管npm CLI的主要设计目的不是用作 Task Runner，但由于package.json脚本字段的缘故，它的工作方式也是如此。请考虑下面的示例：

"scripts": {
  "start": "webpack-dev-server --env development",
  "build": "webpack --env production",
  "build:stats": "webpack --env production --json > stats.json"
},

这些脚本可以使用npm run列出，然后使用npm run