在没有grunt 之前,前端项目是如何压缩优化的?
grunt
并不是一个压缩优化工具,它只是一个集成发布工具,其编译、优化等功能也是依赖于其他工具的。grunt
只是将这些工具进行组合和统一配置,做到一键生成而已。
grunt目前来讲有点要被遗忘的趋势,毕竟现在webpack很牛逼,我现阶段使用的项目几乎都是用webpack来完成的
http://webpack.github.io/ webpack官网
http://www.th7.cn/web/js/201507/109843.shtml 入门教程
https://.com/a/1190000002767365 结合react+webpack
再加上一个实际的项目吧,搭好骨架了的前端桌面应用工程
https://github.com/chunmu/PDD-App
你要清楚一件事,grunt
并不是一个压缩工具,按照官网说法,他是“task runner”,也就是说他是一个任务管理工具。
这么说吧,在grunt
之前,什么js压缩,css压缩,早就都已经有工具可以做了,只不过当一个项目面对多个“任务”需要处理时,前端没有自己的任务管理工具,没有所谓的前端工具链,于是那个时候我们只能寄希望于一些后端已有的脚本工具,譬如:ant
,make
, maven
, shell
我自己就写过maven
和shell
。虽然不至于苦不堪言,但确实对一些不懂后端(那些个静态语言)生态系统的朋友造成了困扰。
所以在ndoe
以及npm
诞生后,一系列的前端工具链就应运而生,诸如: grunt
, gulp
之类,大家玩的很high呢