项目名称
grunt-contrib
项目地址
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
清理文件或文件夹
2. grunt-contrib-coffee
编译coffee文件为javascript文件
3. grunt-contrib-compass
采用compass方式编译sass文件
4. grunt-contrib-compress
压缩文件或文件夹
5. grunt-contrib-concat
文件拼接（可将多个文件合并到一个文件）
6. grunt-contrib-copy
复制文件或文件夹
7. grunt-contrib-cssmin
压缩CSS文件
8. grunt-contrib-csslint
CSS文件语法检查
9. grunt-contrib-htmlmin
压缩HTML文件
10. grunt-contrib-imagemin
PNG、JPEG图片压缩（保证质量压缩）
11. grunt-contrib-jshint
JS语法检查
12. grunt-contrib-less
将LESS编译成CSS
13. grunt-contrib-sass
把SASS编译成CSS
14. grunt-contrib-stylus
把Stylus文件编译成CSS
15. grunt-contrib-uglify
用UglifyJS方式压缩JS文件
16. grunt-contrib-watch
实时监测文件的增删改状态，状态改变时自动执行预定义任务
17. grunt-contrib-yuidoc
编译YUIDoc文档
18. grunt-contrib-connect
启动一个web服务器连接
19. grunt-contrib-jade
编译Jade模版
20. grunt-contrib-handlebars
预编译Handlebars模板到JST文件（Handlebars：结合json数据的模版）
21. grunt-contrib-jasmine
通过PhantomJS运行jasmine（PhantomJS：JS单元测试）
22. grunt-contrib-jst
预编译Underscore模板到JST文件（Underscore：JS工具库）
23. grunt-contrib-nodeunit
运行Nodeunit单元测试（NodeUnit：Node.js单元测试框架）
24. grunt-contrib-qunit
用PhantomJS对象运行QUnit单元测试
25. grunt-contrib-requirejs
用r.js优化RequireJS项目
配置语法
插件安装之后，可在node_modules文件夹中找到相应的插件（因为基于node，所以不用指定插件的路径也可以加载到插件，无论层级目录多深）。对应插件的语法可在对象的文件夹中查找README.md查看语法，有很多例子，需要注意的是对于多个文件的写法，比如less就需要注意，使用dynamic_mappings
时间： 2024-11-04 21:10:49