grunt 入门学习笔记

grunt是一个自动化的工具。可以处理一下反复重复的,劳动繁重的任务。

安装脚本

npm install -g grunt-cli

与grunt对应的是Gruntfile.js文件或者是Gruntfile.coffee,用来配置和定义任务,同时包含Grunt插件的加载。

grunt-init    会自动创建一个包含grunt的package.json文件
npm init 会自动创建一个基本的package.json文件

如果说已经有package.json文件了,需要在项目中添加新的模块和依赖,可以使用下面的脚本

npm install grunt --save-dev

grunt的插件的安装也同样是使用上面的方法

Gruntfile

包含以下内容:

wrapper函数
项目与任务配置
加载grunt插件和任务
自定义任务

配置

grunt.initConfig({
    concat:{

    },
    uglify:{

    },
    my_property:''
})

配置文件的属性一般是以任务的名字命名,属性值可以是任意的数据类型。options属性一般是指任务的默认配置属性。

api

grunt.initConfig // 初始化配置信息

// 任务
grunt.tesk.registerTask
grunt.registerTask

grunt.loadTasks
grunt.task.loadTasks

grunt.loadNpmTasks
grunt.task.loadNpmTasks

// 警告和致命错误
grunt.fail.warn
grunt.fail.fatal

// 
grunt.package //调用package.json的数据值

grunt api

task

grunt.registerTask(task,taskList);

task是注册的任务的名字,taskList是任务的名字列表,当调用任务的是时候会依次的调用taskList的任务。

grunt.register(taskName,description,taskFunction)

taskFunction是执行任务的方法。

任务的文件格式是在一个配置文件中的包含自定义的属性,其中固有的属性有 options,src,dest

发表新评论