配置Grunt的Task時通配符支援與動態產生檔名問題_javascript技巧
copy: { // 这是Task里的其中一个Target dests: { expand: true, cwd: '<%=config.app%>/newFolder', src: ['**/{a*,b*}.html'], dest: '<%=config.dist%>/newFolder', ext: ".shtml", extDot: "first", flatten:true, //去掉中间上当,下面的rename可以再找回来 rename: function( dest, fileName ) { return dest + "/" +fileName; } } }
通配符支援:由nodejs內建的node-glob函式庫支持,這些都可以用在上面所說的各種檔案配置
1、*符合任何字符,除了/
2、?匹配單一字符,除了/
3、**匹配任何字符,包括/,所以用在目錄路徑裡面
4、{}逗號分割的「或」操作(逗號後面不要有空格)
5、! 排除某個符合
動態產生檔名:
expand 設定為true開啟以下選項,如果設為true,就表示下面檔名的佔位符(即*號)都要擴充成具體的檔名。
cwd 所有src指定的檔案相對於這個屬性指定的路徑,需要處理的檔案(input)所在的目錄
src 要符合的路徑,相對與cwd,表示需要處理的檔案。如果採用數組形式,數組的每一項就是一個檔名,可以使用通配符
dest 產生的目標路徑前綴,表示處理後的檔案名稱或所在目
ext 表示處理後的檔案後綴名。將所有產生的目標檔案後綴取代為這個屬性
extDot:first:表示以檔案名稱後的第一點後面開始作為後綴名;last:表示以檔案名稱後的最後一點後面開始作為後綴名稱
flatten:刪除所有產生的dest的路徑部分,值為boolean類型(true、false)用來指定是否保持檔案目錄結構,true是保持檔案目錄
rename 一個函數,接受符合的檔名,和符合的目標位置,回傳一個新的目標路徑
以上就是本文跟大家介紹的在設定Grunt的Task時通配符支援和動態產生檔名問題,希望對大家有幫助。

熱AI工具

Undresser.AI Undress
人工智慧驅動的應用程序,用於創建逼真的裸體照片

AI Clothes Remover
用於從照片中去除衣服的線上人工智慧工具。

Undress AI Tool
免費脫衣圖片

Clothoff.io
AI脫衣器

AI Hentai Generator
免費產生 AI 無盡。

熱門文章

熱工具

記事本++7.3.1
好用且免費的程式碼編輯器

SublimeText3漢化版
中文版,非常好用

禪工作室 13.0.1
強大的PHP整合開發環境

Dreamweaver CS6
視覺化網頁開發工具

SublimeText3 Mac版
神級程式碼編輯軟體(SublimeText3)

熱門話題

本文討論了在瀏覽器中優化JavaScript性能的策略,重點是減少執行時間並最大程度地減少對頁面負載速度的影響。

本文討論了使用瀏覽器開發人員工具的有效JavaScript調試,專注於設置斷點,使用控制台和分析性能。

Python和JavaScript開發者的薪資沒有絕對的高低,具體取決於技能和行業需求。 1.Python在數據科學和機器學習領域可能薪資更高。 2.JavaScript在前端和全棧開發中需求大,薪資也可觀。 3.影響因素包括經驗、地理位置、公司規模和特定技能。

本文說明瞭如何使用源地圖通過將其映射回原始代碼來調試JAVASCRIPT。它討論了啟用源地圖,設置斷點以及使用Chrome DevTools和WebPack之類的工具。

如何在JavaScript中將具有相同ID的數組元素合併到一個對像中?在處理數據時,我們常常會遇到需要將具有相同ID�...

深入探討console.log輸出差異的根源本文將分析一段代碼中console.log函數輸出結果的差異,並解釋其背後的原因。 �...
