grunt之Gruntfile(1)

grunt 执行的时候,他会找该目录下的Gruntfile文件,所以,要在目录下创建Gruntfile文件。

下面我demo一个copy任务:

执行copy,首先我们要一个copy的模块,那么我们先安装下copy模块

首先,我到H盘,命令行输入 cd h:  因为我的H盘东西比较少,你们自己随便到一个目录,

然后输入 mkdir testGrunt 新建一个testGrunt目录,然后 cd testGrunt进入testGrunt目录

然后执行 npm init 初始化模块,控制台中会让你输入名称

 

这里的名称我们默认,就叫testGrunt,

然后会依次让你输入版本,描述,main:主入口文件,这里我们没有回车直接过,作者,版权,keywords,生成的文件大概如图:

我们选择yes,它会在我的testGrunt目录下生成一个package.json文件,

打开这个文件,他的内容就是上面控制台中的内容。

我们为什么要生成package.json文件呢,package.json的文件说明了,grunt包的依赖项,当我们执行 npm install 后门不加参数的时候,他默认会去该目录下查找是否存在package.json文件,如果找到了,则,安装里面的devDependencies 里的依赖包

好,下面我们安装grunt-contrib-copy 命令,并且把该包加到devDependencies 里,在控制台输入 npm install grunt-contrib-copy --save-dev 

其中 --save-dev 是参数 其意就是把该包添加到 devDependencies 中如图:

然后我们查看下package.json文件

然后我们在安装load-task包,安装方法一致,我就不再赘述了,直接上命令了 npm install load-grunt-task --save-dev,

我们为了能够看到执行了多久,在安装了timegrunt ,命令:npm install time-grunt --save-dev

至此,我们的包安装完成,下一节,讲Gruntfile文件

posted @ 2015-05-23 12:21  zhongpingwang  阅读(337)  评论(0编辑  收藏  举报