首页 > 代码库 > 编写 grunt 插件经验

编写 grunt 插件经验

第一步: 先生成插件模板: 利用命令生成, 首先通过github工具获取gruntplugin模板文件;

第二步: 了解plugin/tasks/taskName.js的registerMultiTasks下的一些默认的对象,比如获取:

Gruntfile下grunt.initConfig下任务插件:

taskName: {            dist: {                     //知道这里的数据怎么获取                     //以前grunt在这个节点下,或其他内置节点的一些内置属性字段的获取方式            }}

 

第三步: 了解插件调用的方式:

上面有写 : module.exports = function [只有这样,才能用require];

第四步: 了解一些常的插件/中间件的获取方式:

Var xxxxx = require(‘xxxxx’); //比如 fs, path, connect或其他的插件;

第五步: 了解phantomjs

以及 grunt-lib-phantomjs/phantomjs/main.js [事件响应脚本] sendMessage(‘name’);

有些是默认的, 可以自定义事件名: 例mytask.done;

第六步: 了解在gruntfile.js 使用 <%= xxxx_yyyy %> 是怎么个东西

Grunt.config.set(‘xxxx_yyyy’, array);

第七步: 了解gruntfile.js配置的文件集合[类数组], 怎么在任务里使有.

Src: ‘src/**/*.js’ 这样;

了解 path.normalize方法. 路径标准化方法.

编写 grunt 插件经验