项目名称
grunt-contrib v0.8.0
项目地址
https://github.com/gruntjs/grunt-contrib
项目介绍
此项目是对grunt常用插件的集合,刚接触grunt如果不知道使用什么插件,可以直接安装此项目。或者通过package.json自定义要使用的插件。
项目使用
- 在文件夹中执行node安装包命令,生成包含插件的node_modules文件夹:npm install grunt-contrib –save-dev
- 插件下载安装完之后,可以在Gruntfile.js中设置引用这些插件:grunt.loadNpmTasks(‘grunt-contrib’);
插件介绍
下面简单对一些常用插件做个介绍
1. grunt-contrib-clean (v0.5.0)
清理文件或文件夹
2. grunt-contrib-coffee (v0.7.0)
编译coffee文件为javascript文件
3. grunt-contrib-compass (v0.6.0)
采用compass方式编译sass文件
4. grunt-contrib-compress (v0.5.2)
压缩文件或文件夹
5. grunt-contrib-concat (v0.3.0)
文件拼接(可将多个文件合并到一个文件)
6. grunt-contrib-copy (v0.4.1)
复制文件或文件夹
7. grunt-contrib-cssmin (v0.6.2)
压缩CSS文件
8. grunt-contrib-csslint (v0.1.2)
CSS文件语法检查
9. grunt-contrib-htmlmin (v0.1.3)
压缩HTML文件
10. grunt-contrib-imagemin (v0.3.0)
PNG、JPEG图片压缩(保证质量压缩)
11. grunt-contrib-jshint (v0.6.4)
JS语法检查
12. grunt-contrib-less (v0.7.0)
将LESS编译成CSS
13. grunt-contrib-sass (v0.5.0)
把SASS编译成CSS
14. grunt-contrib-stylus (v0.8.0)
把Stylus文件编译成CSS
15. grunt-contrib-uglify (v0.2.4)
用UglifyJS方式压缩JS文件
16. grunt-contrib-watch (v0.5.3)
实时监测文件的增删改状态,状态改变时自动执行预定义任务
17. grunt-contrib-yuidoc (v0.5.0)
编译YUIDoc文档
18. grunt-contrib-connect (v0.5.0)
启动一个web服务器连接
19. grunt-contrib-jade (v0.8.0)
编译Jade模版
20. grunt-contrib-handlebars (v0.5.11)
预编译Handlebars模板到JST文件(Handlebars:结合json数据的模版)
21. grunt-contrib-jasmine (v0.5.2)
通过PhantomJS运行jasmine(PhantomJS:JS单元测试)
22. grunt-contrib-jst (v0.5.1)
预编译Underscore模板到JST文件(Underscore:JS工具库)
23. grunt-contrib-nodeunit (v0.2.1)
运行Nodeunit单元测试(NodeUnit:Node.js单元测试框架)
24. grunt-contrib-qunit (v0.3.0)
用PhantomJS对象运行QUnit单元测试
25. grunt-contrib-requirejs (v0.4.1)
用r.js优化RequireJS项目
配置语法
插件安装之后,可在node_modules文件夹中找到相应的插件(因为基于node,所以不用指定插件的路径也可以加载到插件,无论层级目录多深)。对应插件的语法可在对象的文件夹中查找README.md查看语法,有很多例子,需要注意的是对于多个文件的写法,比如less就需要注意,使用dynamic_mappings
更多插件:请翻阅http://gruntjs.com/plugins(英文版)、
太喜欢你的网站了,都是干货
[…] 因为Grunt是基于node的,所以加载插件的时候,我们不需要指定具体的路径,只需要放在node_modules文件夹下,嵌套多深也不要紧,只要是在node_modules里面就行。因为github上有这么一个项目grunt-contrib是收集了基本上常用到的Grunt插件,刚开始接触Grunt的时候,不知道选择什么插件,可以这样clone引用。但是会带来一个效率的问题,引用的时候:grunt.loadNpmTasks(‘grunt-contrib’);,因为涉及到的文件(文件夹)过多,会带来效率上的问题。所以仅需要当加载我们需要的插件就好。Grunt常用插件介绍:http://www.xuanfengge.com/grunt-commonly-used-plug-in-introduced.html […]