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文件