构建工具中的通配符使用总结

概述

常见的构建工具中，经常使用通配符来处理指定文件，这里做一期总结。

**

双星号表示匹配任意目录（包括子目录）。该通配符可以用于构建工具中的文件路径或者命令行工具中的参数。

*

单星号表示匹配任意字符（不包括路径分隔符）。该通配符常用于构建工具中的文件名部分。

{}

{}表示多选，至少两个。

示例

src/**    表示匹配`src`文件夹下的`所有文件`
src/**/*.js  匹配 `src` 目录及其子目录中的所有 `.js` 文件
./src/**/*.js  匹配 `src` 目录及其子目录中的所有 `.js` 文件
./src         匹配src文件下所有文件等同于src/**、src、src/
src/**/*.css   匹配 `src` 目录及其子目录中的所有 `.css` 文件
./src/assets/**/*.png   匹配 `src/assets` 目录及其子目录中的所有 `.png` 文件
src/**/*.{js,ts,css,html,vue}  匹配src文件下所有以js,ts,css,html,vue后缀结尾的文件

总结

上面的统配弄懂后，然后去看tsconfig.json、Gulp、webpack中的路径通配符就能一目了然了