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