web前端工程化工具_gulp的路径问题,路径通配符 ** * ,拷贝所有文件夹及其子文件夹下的文件,项目的所有文件

一、关于gulp在使用时的路径问题:

      我们在写gulp的任务时,有的人为了偷懒。或者为了快,想把目录下是所文件拷贝到服务器端的目录下。可以通配符 ** 和 *。注意,两个星号和一个星号都是通配符,不是敏感词汇的替换。

       如:

     gulp.task("copyfile",function(){

    gulp.src(".\\**\\*").pipe(gulp.dest("D:\\phpStudy\\WWW\\pl"));

      });

      表示把当前目录(项目的目录,也是gulpfile.js所在的目录)下的所有文件,所有文件夹下的文件,所有文件夹下的子文件夹下的文件全部统统拷贝到目录:D:\\phpStudy\\WWW\\pl 下。


     解释:

      .   点表示当前路径

     通配符:

     *  一个星号,匹配该路径段中0个或多个任意字符

     ** 两个星号,不但匹配该路径段中0个或多个任意字符。而且还匹配形如“tj/pl/ab”这样的字符串,其实就是子文件夹了。


所以, .\\**\\*  表示,当前路径下的所有文件(.\\**),已经当前文件夹下的子文件( .\\** )下的所有文件(*)。


以下是示例代码对应项目路径和服务器端路径

项目路径:

web前端工程化工具_gulp的路径问题,路径通配符 ** * ,拷贝所有文件夹及其子文件夹下的文件,项目的所有文件_第1张图片

服务器路径:

web前端工程化工具_gulp的路径问题,路径通配符 ** * ,拷贝所有文件夹及其子文件夹下的文件,项目的所有文件_第2张图片



再如:

     

     gulp.task("copyfile",function(){

    gulp.src(" app\\**\\*").pipe(gulp.dest("D:\\phpStudy\\WWW\\pl"));

      });

      表示把app下的所有文件,所有文件夹下的文件,所有文件夹下的子文件夹下的文件全部统统拷贝到目录:D:\\phpStudy\\WWW\\pl 下。



所以, .\\**\\*  表示,当前路径下的所有文件(.\\**),已经当前文件夹下的子文件( .\\** )下的所有文件(*)。

你可能感兴趣的:(gulp)