ai教程入門(mén)教程 gulp中的watch如何獲得修改文件的文件路徑?
gulp中的watch如何獲得修改文件的文件路徑?gulp-WatchWatch方法用于監(jiān)視源文件。當(dāng)對(duì)源文件進(jìn)行任何更改時(shí),監(jiān)視程序?qū)⑦\(yùn)行相應(yīng)的任務(wù)。您可以使用“default”任務(wù)來(lái)監(jiān)視對(duì)HTML
gulp中的watch如何獲得修改文件的文件路徑?
gulp-Watch
Watch方法用于監(jiān)視源文件。當(dāng)對(duì)源文件進(jìn)行任何更改時(shí),監(jiān)視程序?qū)⑦\(yùn)行相應(yīng)的任務(wù)。您可以使用“default”任務(wù)來(lái)監(jiān)視對(duì)HTML、CSS和JavaScript文件的更改。
更新默認(rèn)任務(wù)
在上一章中,您學(xué)習(xí)了如何使用默認(rèn)任務(wù)組合任務(wù)。我們使用gulp minify CSS、gulp autoprefixer和gulp concat插件,并創(chuàng)建樣式任務(wù)來(lái)收縮CSS文件。
要監(jiān)視CSS文件,我們需要更新“默認(rèn)”任務(wù),如以下代碼所示:
將監(jiān)視所有工作的CSS文件/SRC/styles/文件夾,并在更改這些文件時(shí)執(zhí)行樣式任務(wù)。
gulp如何合并代碼后刪除重復(fù)代碼?
Gulp清理未使用的文件
在本章中,您將學(xué)習(xí)如何清理生成的文件。因?yàn)槲覀兪亲詣?dòng)生成文件的,所以請(qǐng)確保在運(yùn)行構(gòu)建之前刪除不必要的文件。這個(gè)過(guò)程叫做清潔。Del插件可用于此目的。
Install del plug-in
在命令行中輸入以下命令以安裝插件。原文codingdict.com/article/7506
在配置文件中聲明依賴項(xiàng)并創(chuàng)建任務(wù)gulpfile.js文件在中,聲明依賴項(xiàng),如以下命令所示。
接下來(lái),創(chuàng)建一個(gè)任務(wù),如以下代碼所示。
以上任務(wù)將清理整個(gè)構(gòu)建。“清理”任務(wù)將清除所有圖像捕獲并刪除生成中存在的所有舊文件。
可以只清除特定的文件或文件夾并保留其中的一些,如下代碼所示。
在上述任務(wù)中,只有臨時(shí)文件夾將被清除,而不是更改包.json.