ai教程入门教程 gulp中的watch如何获得修改文件的文件路径?

gulp中的watch如何获得修改文件的文件路径?gulp-WatchWatch方法用于监视源文件。当对源文件进行任何更改时,监视程序将运行相应的任务。您可以使用“default”任务来监视对HTML

gulp中的watch如何获得修改文件的文件路径?

gulp-Watch

Watch方法用于监视源文件。当对源文件进行任何更改时,监视程序将运行相应的任务。您可以使用“default”任务来监视对HTML、CSS和JavaScript文件的更改。

更新默认任务

在上一章中,您学习了如何使用默认任务组合任务。我们使用gulp minify CSS、gulp autoprefixer和gulp concat插件,并创建样式任务来收缩CSS文件。

要监视CSS文件,我们需要更新“默认”任务,如以下代码所示:

将监视所有工作的CSS文件/SRC/styles/文件夹,并在更改这些文件时执行样式任务。

gulp如何合并代码后删除重复代码?

Gulp清理未使用的文件

在本章中,您将学习如何清理生成的文件。因为我们是自动生成文件的,所以请确保在运行构建之前删除不必要的文件。这个过程叫做清洁。Del插件可用于此目的。

Install del plug-in

在命令行中输入以下命令以安装插件。原文codingdict.com/article/7506

在配置文件中声明依赖项并创建任务gulpfile.js文件在中,声明依赖项,如以下命令所示。

接下来,创建一个任务,如以下代码所示。

以上任务将清理整个构建。“清理”任务将清除所有图像捕获并删除生成中存在的所有旧文件。

可以只清除特定的文件或文件夹并保留其中的一些,如下代码所示。

在上述任务中,只有临时文件夹将被清除,而不是更改包.json.