打包工具，webpack、grunt、gulp对比

2021-05-28 1,179 阅读1分钟

从本质上来讲，webpack是一个现代化的JavaScript应用的静态模块打包工具。webpack依赖node，在使用之前必须先安装node

grunt/gulp的核心是task，通过配置一系列task，并且定义task要处理的事务（例如es6、ts转化、图片压缩，scss转成css）,之后让grunt/gulp来依次执行这些task，而且让整个流程自动化。所以grunt/gulp也被称为前端自动化任务管理工具。

如果工程模块依赖非常简单，甚至没有用到模块化的概念。只需要进行简单的合并、压缩，就使用grunt/gulp即可。但是如果整个项目使用了模块化管理，而且相互以来非常强，我们就可以使用更加强大的webpack了。

grunt/gulp更加强调的是前端流程的自动化，模块化不是它的核心。 webpack更加强调模块化开发管理，而文件压缩合并、预处理等功能，是它的附带功能。