配置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)文章
關(guān)于JavaScript作用域你想知道的一切，本文全部告訴大家，幫助大家全面的了解JavaScript作用域，感興趣的小伙伴們可以參考一下2016-02-02
js中symbol類型以及symbol的三大應(yīng)用場景詳解
Symbol是ES6新推出的一種基本類型,它表示獨一無二的值,它可以接受一個字符串作為參數(shù),帶有相同參數(shù)的兩個Symbol值不相等,這個參數(shù)只是表示Symbol值的描述而已,下面這篇文章主要給大家介紹了關(guān)于js中symbol類型以及symbol的三大應(yīng)用場景,需要的朋友可以參考下2022-09-09
屬性名大小寫問題，如屬性window.screen.height2009-06-06
JavaScript傳遞變量 值傳遞 引用傳遞,需要的朋友可以參考下。2011-02-02
這篇文章主要介紹了js傳值后臺中文出現(xiàn)亂碼的解決方法,涉及javascript針對中文的編碼及java解碼操作相關(guān)技巧,需要的朋友可以參考下2016-06-06
Extjs顯示從數(shù)據(jù)庫取出時間轉(zhuǎn)換JSON后的出現(xiàn)問題
后臺從數(shù)據(jù)庫取出時間，JSON格式化后再傳到gridpanel，這時時間變成了：/Date(32331121223)/這樣的格式,本文將詳細(xì)介紹解決Extjs顯示從數(shù)據(jù)庫取出時間轉(zhuǎn)換JSON后的出現(xiàn)問題2012-11-11
這篇文章主要匯總介紹了JavaScript實現(xiàn)添加、查找、刪除元素的方法，十分的簡單實用，有需要的小伙伴可以參考下。2015-07-07
這篇文章主要介紹了javascript面向?qū)ο筇匦源a實例,包括類、靜態(tài)成員、對象、重載,需要的朋友可以參考下2014-06-06
TypeScript 中的 .d.ts 文件詳解(加強類型支持提升開發(fā)效率)
.d.ts 文件在 TypeScript 開發(fā)中扮演著非常重要的角色,它們讓我們能夠享受到 TypeScript 強大的類型系統(tǒng)帶來的優(yōu)勢,提高代碼質(zhì)量和開發(fā)效率,接下來,我們將深入探討如何為 JavaScript 庫和自定義模塊創(chuàng)建 .d.ts 文件,以及一些最佳實踐和注意事項,一起看看吧2023-09-09
讓GoogleCode的SVN下的HTML文件在FireFox下正常顯示.
GoogleCode可以作為免費的穩(wěn)定的靜態(tài)資源空間來使用,比如JQuery的文檔就在上面2009-05-05