automation相关的贡献

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-uncss: 冗余CSS的清道夫

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

trifleJS: 针对IE浏览器的PhantomJS

用过PhantomJS么?那个可以用Javascript来编写前端集成测试的项目,但是它只支持Webkit内核的浏览器,trifleJS则大大的弥补了PhantomJS的不足,他针对IE内核的浏览器,并且API和PhantomJS完全相同。

Grunt Boilerplate

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

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

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

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

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

想看更多类似内容?