grunt 参数说明

读取本地的json文件:

pak:grunt.file.readJSON("package.json");

加载包:

grunt.loadNpmTask("包名");

这样是一个一个的加载,那么如果有多个要写加载多个包名

使用 require("load-grunt-tasks")(grunt);

会把package.json 中的  devDependencies 的依赖包都加载进来

options之外的名称都是任务名称名

运行任务

grunt 任务名

如果有多个任务

可以使用 grunt 任务名:target

注册任务

grunt.registerTask("任务名1":"上面定义任务名称");

grunt.registerTask("任务名2":["上面定义任务名称","上面定义任务名称","上面定义任务名称"]);

grunt.registerTask("任务名3":["任务名1","任务名2"]);

grunt.registerTask("test",function(target){

  if(target==‘watch‘){

    grunt.task.run([‘uglify‘,‘clean‘]);

   }

});

如果是数组直接放任务名称,如果是方法,则通过run运行数组任务

开发项目权限

MIT > BSD > ISC > Apache > GPL

dist:{

  src:[‘‘],

  dest:‘‘

}

dist:{

  files:[

    {

      src:‘‘,

      dist:‘‘

    },

    {

      src:‘‘,

      dist:‘‘

    }

  ]  

}

dist:{

  files:{

    ‘src‘:‘dest‘,

    ‘src‘:‘dest‘,

    ‘src‘:[‘dest‘]

  }

}

* 匹配所有字符但不匹配反斜杠

**/* 代表所有 可以有反斜杠

{a,b}.js -> a.js  b.js

filter:的值可以是fs.Stats 这个类下的一个函数名

也可以自己写一个函数,我们可以返回true和false,来确认是否命中

如:

filter:function(filepath){

  return (!grunt.file.isDir(fildpath));//取反来判断是否是文件

}

dot:true 则命中以点开头的文件 如:.index.html

matchBase:true   a?b  xyz/123/acb  不会命中 xyz/acb/123

expand:true  处理动态的src到dest的文件映射

dist:{

files:[

expand:true,

cwd:‘app/‘

src:"*.html",

dest:‘dest‘,

ext:‘.min.html‘, //后缀名

extDot:‘first‘,  从第几个点开始配置  如 index.max.html 则是index.min.html 如果是last 则是index.max.min.html

flatten:true,   不要目录 如:js/index.js  只会有 dist/index.js

rename: function(dest,src){

return dest+"js/"+src;  //找回js目录

}  //他会在ext extDot flatten 后运行

]

}

grunt serve --allow-remote //局域网内可访问

connect:dist:keepalive  //keepalive 是参数 值是true

取值用 this.flags 是一个json {keepalive:true}

取值方式先用 this.flags  然后用 options 最后用默认

exclude:[‘src‘] //指定排除路径

浏览器厂商前缀

mocha  测试

phantamjs  幻影浏览器 幽灵 没有界面

useminPrepare

rev :md5 值 重命名

+

usemin

时间: 2024-11-04 20:41:59

grunt 参数说明的相关文章

Grunt之项目脚手架

在网上搜了下,grunt这方面的教程挺少的,来去都是一些被频繁转载的文章.唉, 首先我们在全局环境中安装grunt-init. npm install -g grunt-init 来看看官方的文档,举几个例子,看看grunt-init是如何使用的: 1.使用grunt-init --help来获取程序帮助以及列出可用模板清单 2.使用grunt-init TEMPLATE基于可用模板创建一个项目 3.使用grunt-init /path/to/TEMPLATE基于任意其他目录中的可用模板创建 为

nodejs直接调用grunt(非调用批处理)

在windows下,我们做js构建工作,都习惯安装grunt-cli,只需要命令行grunt...一切构建工作都自动完成了.这已经是很完美的情况了,不过最近要做一个服务器版的自动化构建系统,在nodejs中调用批处理执行grunt就显得很矬,而且各种问题.是否有更好,更漂亮的方式呢? grunt本来就是nodejs程序,安装后表现为一个node_module,那么cli是什么呢?这只是一个nodejs写的命令行界面.所以,nodejs肯定可以直接在js层面调用grunt. 我们需要做的,只需要揭

grunt压缩js文件

使用grunt 工具管理js文件时有几个常用功能例如压缩合并等 首先安装node环境,安装grunt 在目录环境下建立自己的项目my_project 添加两个源文件 在项目根目录下创建package.json文件 { "name": "my_project", "version": "0.1.0", "devDependencies": { "grunt": "~*"

grunt 入门学习

前端工作流,Grunt上手指南 Posted@2013-04-20 7:15 a.m. CategoriesGrunt ,  javascript 我想先花点时间回忆一下作为一个前端需要做的工作(Loading...) JS合并 JS压缩 CSS压缩 CSS Sprite 图片优化 测试 静态资源缓存(版本更新) ... 对应的,一个全副武装的前端可能会是这样的: JSHint CSSLint Jade CoffeeScript RequireJS/SeaJS Compass/Stylus/Le

grunt使用心得

这是我在使用前端构建工具grunt的一些总结,希望对大家有一定的帮助,也希望大家一起讨论一起进步. http://cobish.github.io/%E5%89%8D%E7%AB%AF/2015/06/28/grunt-use.html

Grunt的wiredep任务的配置说明文档

Automatically inject Bower components into the HTML file 自动把Bower的组件注入到HTML文件中 如果我们通过以下方式安装组件 bower install jquery --save bower install sea.js --save 安装后会在bower.json文件中看到 { "name": "framework-demo", "private": true, "dep

grunt之easy demo

首先安装grunt-cli cnpm install -g grunt-cli 接下来创建package.json,内容如下 {        "name": "demo",        "file": "zepto",        "version": "0.1.0",        "description": "demo",       

grunt默认只允许localhost和访问,如何设置外部IP地址访问

使用Yeoman生成器创建web项目,使用grunt server启动,默认访问地址为127.0.0.1:9000或者localhost:9000 如果用本机地址如:192.168.1.100:9000访问默认是访问不到的 想要通过IP地址访问需要修改Gruntfile.js的配置: 修改connect节点配置,原本的配置如下: 可以看到hostname上面有注释,大概意思是:将地址改为'0.0.0.0'可从外部访问. 修改成下图,我们的grunt server就可以从外部访问啦!

【grunt】两小时入门

目录: 1. 用途和场景 2.Grunt插件 3.相关资源 4.环境安装 5.开始学习 5.1 一个新项目 5.2 生成package.json 5.3 在项目中安装grunt和相关插件 5.4 Gruntfile语法 5.4.1 配置任务 5.4.2 加载插件 5.4.3 注册任务 5.5 为我们的项目配置gruntfile.js 5.6 执行任务 6.后续学习 1. 用途和场景 jshint代码检查 代码合并 代码压缩--js/css/html都可以 SASS/LESS编译css watch