GitHub人气款『前端构建小工具』推荐

近两年前端发展非常快，前端的自动化构建发展进程也大大加速，对于前端工作者来说，使用自动化工具能为前端的开发工作带来极大的便利，大大提升工作效率，今天我特别安利大家5款GitHub人气款『前端构建小工具』，希望对大家的工作和学习有帮助。

推荐一：parcel 【Star：28465】

其实很多打包工具都围绕配置和插件进行构建的，因此看到有500行以上配置的应用程序正常运行并不罕见。这种配置不仅繁琐和费时，而且也很难得到正确的配置，必须为每个应用程序复制。通常情况下，这可能导致优化的应用程序发送到生产环境。parcel 被设计为零配置：只要将它指向你的应用程序的入口点，它就能做正确的事情。

推荐二：webpack 【Star：45712】

我们可以把webpack看做是模块打包机。它做的事情是，分析你的项目结构，找到JavaScript模块以及其它的一些浏览器不能直接运行的拓展语言，并将其转换和打包为合适的格式供浏览器使用。webpack的优点在于它可以在很多场景下成为替代Gulp/Grunt类的工具。

推荐三：gulp 【Star：30666】

gulp是一款非常实用的前端构建工具，它能通过自动执行常见任务，比如编译预处理 CSS ，压缩 JavaScript 和刷新浏览器，来改进网站开发的过程，从而使开发更加快速高效。gulp有庞大的生态圈，且每天都在发展。依靠成千上万可供选择的插件，你可以利用gulp自动完成几乎任何事。

推荐四：yeoman 【Star：2686】

通过几个简单的命令，yeoman就能帮助我们建立一个项目，而且项目已经填充了不少代码，我们可以选择一个自己喜欢的，来沿着别人的已经搭建好的构架来编写业务即可，这对很多前端新手来说是非常好的一种技能提升方式。

推荐五：grunt 【Star：11898】

grunt是一个开源的基于任务 (Task) 的前端构建框架，拥有一套设计良好的 task 框架用来组织各种构建任务。同时具备跨平台、易维护易迁移、开发简单的特性。