84669 person learning
152542 person learning
20005 person learning
5487 person learning
7821 person learning
359900 person learning
3350 person learning
180660 person learning
48569 person learning
18603 person learning
40936 person learning
1549 person learning
1183 person learning
32909 person learning
在没有grunt 之前,前端项目是如何压缩优化的?
认证高级PHP讲师
你要清楚一件事，grunt并不是一个压缩工具，按照官网说法，他是“task runner”，也就是说他是一个任务管理工具。
grunt
这么说吧，在grunt之前，什么js压缩，css压缩，早就都已经有工具可以做了，只不过当一个项目面对多个“任务”需要处理时，前端没有自己的任务管理工具，没有所谓的前端工具链，于是那个时候我们只能寄希望于一些后端已有的脚本工具，譬如：ant,make, maven, shell
ant
make
maven
shell
我自己就写过maven和shell。虽然不至于苦不堪言，但确实对一些不懂后端(那些个静态语言)生态系统的朋友造成了困扰。
所以在ndoe以及npm诞生后，一系列的前端工具链就应运而生，诸如: grunt, gulp之类，大家玩的很high呢
ndoe
npm
gulp
grunt并不是一个压缩优化工具，它只是一个集成发布工具，其编译、优化等功能也是依赖于其他工具的。grunt只是将这些工具进行组合和统一配置，做到一键生成而已。
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
![[Web front-end] Node.js quick start](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
你要清楚一件事，
grunt并不是一个压缩工具，按照官网说法，他是“task runner”，也就是说他是一个任务管理工具。这么说吧，在
grunt之前，什么js压缩，css压缩，早就都已经有工具可以做了，只不过当一个项目面对多个“任务”需要处理时，前端没有自己的任务管理工具，没有所谓的前端工具链，于是那个时候我们只能寄希望于一些后端已有的脚本工具，譬如：ant,make,maven,shell我自己就写过
maven和shell。虽然不至于苦不堪言，但确实对一些不懂后端(那些个静态语言)生态系统的朋友造成了困扰。所以在
ndoe以及npm诞生后，一系列的前端工具链就应运而生，诸如:grunt,gulp之类，大家玩的很high呢grunt并不是一个压缩优化工具，它只是一个集成发布工具，其编译、优化等功能也是依赖于其他工具的。grunt只是将这些工具进行组合和统一配置，做到一键生成而已。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