配置Grunt的Task時(shí)通配符支持和動(dòng)態(tài)生成文件名問題
copy: { // 這是Task里的其中一個(gè)Target dests: { expand: true, cwd: '<%=config.app%>/newFolder', src: ['**/{a*,b*}.html'], dest: '<%=config.dist%>/newFolder', ext: ".shtml", extDot: "first", flatten:true, //去掉中間上當(dāng),下面的rename可以再找回來(lái) rename: function( dest, fileName ) { return dest + "/" +fileName; } } }
通配符支持:由nodejs內(nèi)置的node-glob庫(kù)支持,這些都可以用在上面所說(shuō)的各種文件配置中
1、*匹配任何字符,除了/
2、?匹配單個(gè)字符,除了/
3、**匹配任何字符,包括/,所以用在目錄路徑里面
4、{}逗號(hào)分割的“或”操作(逗號(hào)后面不要有空格)
5、! 排除某個(gè)匹配
動(dòng)態(tài)生成文件名:
expand 設(shè)置為true打開以下選項(xiàng),如果設(shè)為true,就表示下面文件名的占位符(即*號(hào))都要擴(kuò)展成具體的文件名。
cwd 所有src指定的文件相對(duì)于這個(gè)屬性指定的路徑,需要處理的文件(input)所在的目錄
src 要匹配的路徑,相對(duì)與cwd,表示需要處理的文件。如果采用數(shù)組形式,數(shù)組的每一項(xiàng)就是一個(gè)文件名,可以使用通配符
dest 生成的目標(biāo)路徑前綴,表示處理后的文件名或所在目
ext 表示處理后的文件后綴名。替換所有生成的目標(biāo)文件后綴為這個(gè)屬性
extDot:first:表示以文件名后的第一個(gè)點(diǎn)后面開始作為后綴名;last:表示以文件名后的最后一個(gè)點(diǎn)后面開始作為后綴名
flatten:刪除所有生成的dest的路徑部分,值為boolean類型(true、false)用來(lái)指定是否保持文件目錄結(jié)構(gòu),true是保持文件目錄
rename 一個(gè)函數(shù),接受匹配到的文件名,和匹配的目標(biāo)位置,返回一個(gè)新的目標(biāo)路徑
以上就是本文給大家介紹的在配置Grunt的Task時(shí)通配符支持和動(dòng)態(tài)生成文件名問題,希望對(duì)大家有所幫助。
- Node.js的項(xiàng)目構(gòu)建工具Grunt的安裝與配置教程
- 使用基于Node.js的構(gòu)建工具Grunt來(lái)發(fā)布ASP.NET MVC項(xiàng)目
- 學(xué)習(xí)使用grunt來(lái)打包JavaScript和CSS程序的教程
- Grunt入門教程(自動(dòng)任務(wù)運(yùn)行器)
- 詳解Grunt插件之LiveReload實(shí)現(xiàn)頁(yè)面自動(dòng)刷新(兩種方案)
- 使用GruntJS構(gòu)建Web程序之Tasks(任務(wù))篇
- 使用GruntJS構(gòu)建Web程序之合并壓縮篇
- 使用GruntJS構(gòu)建Web程序之構(gòu)建篇
- 使用GruntJS構(gòu)建Web程序之安裝篇
- 使用GruntJS鏈接與壓縮多個(gè)JavaScript文件過程詳解
- 使用Grunt.js管理你項(xiàng)目的應(yīng)用說(shuō)明
- 基于Node.js的JavaScript項(xiàng)目構(gòu)建工具gulp的使用教程
相關(guān)文章
探析瀏覽器執(zhí)行JavaScript腳本加載與代碼執(zhí)行順序
本文主要基于向HTML頁(yè)面引入JavaScript的幾種方式,分析HTML中JavaScript腳本的執(zhí)行順序問題,通過本文給大家分享瀏覽器執(zhí)行JavaScript腳本加載與代碼執(zhí)行順序,對(duì)瀏覽器執(zhí)行javascript及執(zhí)行順序相關(guān)知識(shí)感興趣的朋友一起學(xué)習(xí)吧2016-01-01webpack配置proxyTable時(shí)pathRewrite無(wú)效的解決方法
這篇文章主要介紹了webpack配置proxyTable時(shí)pathRewrite無(wú)效的解決方法,小編覺得挺不錯(cuò)的,現(xiàn)在分享給大家,也給大家做個(gè)參考。一起跟隨小編過來(lái)看看吧2018-12-12webpack拆分壓縮css并以link導(dǎo)入的操作步驟
我們運(yùn)行打包后會(huì)發(fā)現(xiàn)less轉(zhuǎn)為了css文件,但css文件確通過js加入style標(biāo)簽,下面我們將css進(jìn)行拆分出來(lái),并以link標(biāo)簽引入,具體實(shí)現(xiàn)步驟一起看看吧2021-10-10談?wù)劄槭裁茨愕?JavaScript 代碼如此冗長(zhǎng)
這篇文章主要介紹了談?wù)劄槭裁茨愕?JavaScript 代碼如此冗長(zhǎng),小編覺得挺不錯(cuò)的,現(xiàn)在分享給大家,也給大家做個(gè)參考。一起跟隨小編過來(lái)看看吧2019-01-01js計(jì)算兩個(gè)時(shí)間之間天數(shù)差的實(shí)例代碼
這篇文章主要介紹了js計(jì)算兩個(gè)時(shí)間之間天數(shù)差的實(shí)例代碼,有需要的朋友可以參考一下2013-11-11javascript 根據(jù)指定字符把字符串拆分為數(shù)組
javascript 根據(jù)指定字符把字符串拆分為數(shù)組2009-05-05頁(yè)面圖片浮動(dòng)左右滑動(dòng)效果的簡(jiǎn)單實(shí)現(xiàn)案例
本篇文章主要是對(duì)頁(yè)面圖片浮動(dòng)左右滑動(dòng)效果的簡(jiǎn)單實(shí)現(xiàn)案例進(jìn)行了介紹,需要的朋友可以過來(lái)參考下,希望對(duì)大家有所幫助2014-02-02