grunt相关的贡献

An Introduction To Full-Stack JavaScript

想为1个WEB项目做技术选型?模板引擎,测试框架,你面临的选择太多,但是所有人都想做出最正确的选择,希望能够快速开发、快速迭代、易于维护,并且高性能、可扩展。在作者的眼中,Full-Stack Javascript能满足你的所有需要,看看他的Stask中都包含哪些东西?末尾的总结又非常的中肯:Javascript不能解决所有的问题,但是它的社区应该能给你很多启发~

Get Up And Running With Grunt

In this article, we’ll explore how to use Grunt in a project to speed up and change the way you develop websites. We’ll look briefly at what Grunt can do, before jumping into how to set up and use its various plugins to do all of the heavy lifting in a project.

Grunt Throttle:用 Grunt 模拟低速网络

Grunt Throttle 就是1个节流阀,帮你轻松实现低速网络的模拟测试,让你对应用在最糟情况下的速度表现有个理性的认识,实现原理不是很复杂,感兴趣的可以去看看源代码~

编译工具之战:Grunt 和 Gulp

对于那些觉得文件拷贝、代码复制粘贴、查找替换重复无趣的同学肯定对 Grunt 不陌生,作为编译工具能节省很多重复劳动,Gulp 是啥?和 Grunt 比有哪些区别?这是个不错的演讲稿,非常生动风趣~

grunt-uncss: 冗余CSS的清道夫

使用了Bootstrap但是你的应用中只是使用了Bootstrap的很少1部分样式?想优化,但是人工识别和删除冗余的CSS貌似不是那么简单,Addy Osmani为你带来grunt-uncss,帮助你在项目的发布版本中去掉未使用的CSS,还未正式发布,但是实现思路非常值得借鉴,兴许你还能贡献代码哦~

如何让 Grunt 配置文件模块化加载?

项目维护的时间越长,里面的任务配置会越来越多,打开和查找都会有些不便,特别偏爱小模块的我就找到了这个,支持 Grunt 配置文件的模块化,比如Uglify,CSSMin、ImageMin都可以单独配置,有代码洁癖的同学快收了吧~

Grunt-Styleguide: 让样式规范更新自动化

团队作业的时候,可能都会慢慢产生StyleGuide,这些规范应该来自于活的代码,比如用Styledocco从CSS源文件中生成,Grunt-Styleguide是这样1款插件,能够帮你把这部分工作自动化了,支持主流的CSS文档生成工具~

Grunt Concurrent: 为你的Grunt任务加速

项目越来越大,Grunt任务越来越多,部署过程动辄几分钟肯定让人难以接受,Grunt Concurrent能帮你把不相互依赖的任务并行起来,比如预编译Coffee的同时预编译Sass,缩短Grunt任务的运行时间~

BowerCopy:帮你给Bower依赖瘦身

第24期周刊中提到,过多的Bower依赖会导致项目的代码急剧膨胀,产生很多没用的代码,有人提出了方案,这周就有同学搞出来1个工具,不一定非常适合你,但是那会是1个很不错的起点~

grunt-newer

Run Grunt tasks with only the source files modified since the last successful run

Grunt Boilerplate

对于还没有尝试过Grunt、或者刚开始用其管理任务的同学来说,这是个非常不错的教程,如何安装?如何配置?前端开发的常见任务:语法检查、CSS和JS压缩、SASS编译、替换、图片优化等等,都讲得很到位,感觉可以拿来作为1个新项目的模板。在SmashingMagazine上有个类似的文章,搜索Get Up And Running With Grunt就能找到~

Grunt Cdnify:帮你把静态资源指向CDN

这款 Grunt 插件,能够在代码上线时帮你把页面上的静态资源地址指向你所配置的 CDN,省去手动维护的麻烦,网站太小不需要CDN?看看高性能网站建设那两本书你就找到理由这么做了,前端周刊周末就做了这样的更新,不信?看看页面的源代码~

grunt-wrap: 帮你把代码包装起来

grunt-wrap是1个能帮你在打包发布代码时能在代码开始和结尾加上内容的grunt插件,比如你想把多个js文件合并,然后为了不污染全局作用域,需要将合并后的内容包装在1个匿名函数中,grunt-wrap就能帮你把1切自动化。

是时候扔掉Grunt拥抱Gulp了?

Grunt无疑是目前社区中最受欢迎的Task Runner,有同学提出了Grunt的设计缺陷,然后推出了Gulp作为替代,Gulp中多个任务的运行借鉴了Linux中的管道思想,在他的术语中不再是配置,而是编写任务。即使不使用,多了解点别人的设计思想还挺好的~

Grunt Source: 多个项目重用Grunt配置

不久前曾发布过1篇文章说如何在多个项目之间重复利用Grunt配置,那个文章只是指出问题所在,没有把解决办法工具话,很快就有人做出来了,Grunt Source就像Linux下面的source命令1样,让你在多个项目之间公用配置文件~

手把手教你编写Grunt插件

有个自动化需求但是翻遍了Grunt的社区都没找到已有的解决方案?想自己写1个?从哪里开始呢?这篇很不错的文章,手把手叫你编写1个简单的Grunt插件,内容涵盖了Yoeman,Grunt基础API等~

用 Grunt 衡量页面的前端性能

有想过用 Grunt 衡量页面的前端性能么?有了 Phantomas 实现这个很容易啦,每次发布之后对你的页面进行全面的诊断,非常适合与简单的 WebAPP 进行整合,对于大型网站的前端性能监控也存在不少借鉴意义~

如何在多个项目间共享Grunt配置?

熟悉了Grunt的同学会觉得用起来真顺手,可是当你维护的项目多了,麻烦又来了,多个项目的Grunt配置大同小异,需要频繁的复制来粘贴去,如何在多个项目之间共享Grunt配置?有洁癖的懒人必看~

grunt-processhtml: 对html文件进行预处理

grunt-processhtml是1款对html文件进行预处理,比如对其中引用的外部css、js等进行合并、压缩,并替换html中的引用路径,非常适合于将项目编译为线上版本的时候使用。与之类似的插件还有:grunt-hashres,需要的自行去搜~

Node 服务器性能调优

这里收录了几篇 Node 服务器性能调优的文章,如何让 Node 服务器处理百万每秒的请求?如何让 Node 服务器突破1.4GB的内存限制?都有真实的实验和数据,如果你在生产环境用 Node,可以看看这个~

想看更多类似内容?