grunt之Gruntfile(1)
grunt 執(zhí)行的時候,他會找該目錄下的Gruntfile文件,所以,要在目錄下創(chuàng)建Gruntfile文件。
下面我demo一個copy任務(wù):
執(zhí)行copy,首先我們要一個copy的模塊,那么我們先安裝下copy模塊
首先,我到H盤,命令行輸入 cd h: ?因為我的H盤東西比較少,你們自己隨便到一個目錄,
然后輸入 mkdir testGrunt 新建一個testGrunt目錄,然后 cd testGrunt進(jìn)入testGrunt目錄
然后執(zhí)行 npm init 初始化模塊,控制臺中會讓你輸入名稱
?
這里的名稱我們默認(rèn),就叫testGrunt,
然后會依次讓你輸入版本,描述,main:主入口文件,這里我們沒有回車直接過,作者,版權(quán),keywords,生成的文件大概如圖:
我們選擇yes,它會在我的testGrunt目錄下生成一個package.json文件,
打開這個文件,他的內(nèi)容就是上面控制臺中的內(nèi)容。
我們?yōu)槭裁匆蓀ackage.json文件呢,package.json的文件說明了,grunt包的依賴項,當(dāng)我們執(zhí)行 npm install 后門不加參數(shù)的時候,他默認(rèn)會去該目錄下查找是否存在package.json文件,如果找到了,則,安裝里面的devDependencies 里的依賴包
好,下面我們安裝grunt-contrib-copy 命令,并且把該包加到devDependencies?里,在控制臺輸入 npm install grunt-contrib-copy --save-dev?
其中 --save-dev 是參數(shù) 其意就是把該包添加到?devDependencies 中如圖:
然后我們查看下package.json文件
然后我們在安裝load-task包,安裝方法一致,我就不再贅述了,直接上命令了 npm install load-grunt-task --save-dev,
我們?yōu)榱四軌蚩吹綀?zhí)行了多久,在安裝了timegrunt ,命令:npm install time-grunt --save-dev
至此,我們的包安裝完成,下一節(jié),講Gruntfile文件
轉(zhuǎn)載于:https://www.cnblogs.com/zhongping/p/4523964.html
總結(jié)
以上是生活随笔為你收集整理的grunt之Gruntfile(1)的全部內(nèi)容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: Django学习手册 - ORM数据类型
- 下一篇: html5shiv.js和respond