在没有grunt 之前,前端项目是如何压缩优化的?

Question

在没有grunt 之前,前端项目是如何压缩优化的?

Answer 1

你要清楚一件事，grunt并不是一个压缩工具，按照官网说法，他是“task runner”，也就是说他是一个任务管理工具。

这么说吧，在grunt之前，什么js压缩，css压缩，早就都已经有工具可以做了，只不过当一个项目面对多个“任务”需要处理时，前端没有自己的任务管理工具，没有所谓的前端工具链，于是那个时候我们只能寄希望于一些后端已有的脚本工具，譬如：ant,make, maven, shell

我自己就写过maven和shell。虽然不至于苦不堪言，但确实对一些不懂后端(那些个静态语言)生态系统的朋友造成了困扰。

所以在ndoe以及npm诞生后，一系列的前端工具链就应运而生，诸如: grunt, gulp之类，大家玩的很high呢

Answer 2

grunt并不是一个压缩优化工具，它只是一个集成发布工具，其编译、优化等功能也是依赖于其他工具的。grunt只是将这些工具进行组合和统一配置，做到一键生成而已。

Answer 3

grunt目前来讲有点要被遗忘的趋势，毕竟现在webpack很牛逼，我现阶段使用的项目几乎都是用webpack来完成的

• http://webpack.github.io/ webpack官网

• http://www.th7.cn/web/js/201507/109843.shtml 入门教程

• https://segmentfault.com/a/1190000002767365 结合react+webpack

再加上一个实际的项目吧，搭好骨架了的前端桌面应用工程
https://github.com/chunmu/PDD-App