夜少少

只为备忘
  博客园  :: 首页  :: 新随笔  :: 联系 :: 订阅 订阅  :: 管理

grunt插件

Posted on 2015-01-12 22:36  夜少少  阅读(1023)  评论(0编辑  收藏  举报

项目名称

grunt-contrib

项目地址

https://github.com/gruntjs/grunt-contrib

项目介绍

此项目是对grunt常用插件的集合,刚接触grunt如果不知道使用什么插件,可以直接安装此项目。或者通过package.json自定义要使用的插件。

项目使用

  1. 在文件夹中执行node安装包命令,生成包含插件的node_modules文件夹:npm install grunt-contrib –save-dev
  2. 插件下载安装完之后,可以在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