webpack和grunt/gulp的对比

■ grunt/gulp的核心是Task
□ 我们可以配置一系列的task,并且定义task要处理的事物（例如ES6,TS转化，图 片压缩，Scss转成css）。
□ 之后让grunt/gulp来依次执行这些task，而且让整个流程自动化。
□ 所以grunt/gulp也被称为前端自动化任务管理工具。
■ 什么时候用grunt/gulp呢？
□ 如果你的工程模块依赖非常简单，甚至是没有用到模块化的概念。
□ 只需要进行简单的合并、压缩、就使用grunt/gulp即可。
□ 但是如果整个项目使用了模块化管理，而且相互依赖非常强，我们就可以使用更加强大的webpack了。
■ grunt/gulp和webpack的不同
□ grunt/gulp更加强调的是前端流程的自动化，模块不是他的核心。
□ webpack更加强调模块化开发管理，而文件压缩合并，预处理等功能，是他附带的功能。