一、node模块
1、node-glob
node的glob模块允许你使用*等符号,来写一个glob规则,像在shell里一样,获取匹配对应规则的文件。glob工具是基于JavaScript的,它使用了minimatch库来进行匹配。
调用格式实例:
var glob = require("glob")
// options 是可选的
glob("**/*.js", options, function (er, files) {
// files 是匹配到的文件的数组.
// 如果 `nonull` 选项被设置为true, 而且没有找到任何文件,那么files就是glob规则本身,而不是空数组
// er是当寻找的过程中遇的错误
})
它可以让我们解析的路径中的某一段使用下面这些字符表示,来实现更加灵活的匹配规则。
特殊字符实例:
*
: 匹配该路径段中0个或多个任意字符:
//*:匹配路径中某部分:0个或多个字符
glob("js/*.js",function (er, files) {
console.log(files)
})
获取js目录下的所有js文件.(不包括以'.'开头的文件)
?
:匹配该路段中1个任意字符:
//?:匹配路径中某部分:1个字符
glob("js/?.js",function (er, files) {
console.log(files)
})
获取js目录下所有名字只有1个字的js
[...]
:匹配该路径段中在指定范围内字符(注意不能组合,只能是其中一个字符)
//[]:匹配路径中某部分:指定的范围
glob("js/a[0-3].js",function (er, files) {
console.log(files)
})
获取js目录下a开头,第二个字符为0-3之间的js
*(pattern)|(pattern)|(pattern)
:匹配括号中多个模型的0个或多个或人一个的组合(注意|
前后不能有空格)
//*(pattern|pattern|pattern): 匹配路径中的某部分: 多个模型中的0个或多个.
//除了三个模型本身,如果是组合也可以,比如ab.js,但是仅仅包含某个模型是不行的,比如a4.js.
glob("js/*(a|a1|b).js",function (er, files) {
console.log(files)
})
获取js目录下a.js, a1.js, b.js或者a, a1, b这几个字符的组合的js,比如ab.js
!(pattern|pattern|pattern)
:匹配不包含任何模型(注意!(pattern|pattern|pattern)
不等于!(*pattern|pattern|pattern)
)
//!(pattern|pattern|pattern): 匹配路径中的某部分: 不包含任何模型.
//带有a或者b的,都排除.需要注意的是,它并非是*(a|b)的取反
glob("js/!(a|b).js",function (er, files) {
console.log(files)
})
获取js目录下名字中不包含a,也不包含b的所有文件
?(pattern|pattern|pattern)
:匹配多个模型中的0个或任意1个,它和4的区别是,不可以组合,必须完全匹配
//?(pattern|pattern|pattern): 匹配路径中的某部分: 多个模型中的0个或1个.
//精确匹配模型,不可以组合.
glob("js/?(a|a2|b).js",function (er, files) {
console.log(files)
})
获取js目录下a.js, a2.js和b.js
+(pattern|pattern|pattern)
:匹配多个模型中的1个或多个,它和4的区别是必须有一个,为空不匹配
//+(pattern|pattern|pattern): 匹配路径中的某部分: 多个模型中的1个或多个.
//可以是任意一个模型,也可以是他们的组合,比如ab.js
glob("js/+(a|a1|b).js",function (er, files) {
console.log(files)
})
获取js目录下a.js, a1.js, b.js或者a, a1, b这几个字符的组合的js,比如ab.js
- '@(pattern|pat*|pat?erN)':匹配多个模型中的任意1个
//@(pattern|pattern|pattern): 匹配路径中的某部分: 多个模型中的1个.
//精确匹配模型,不可以组合.和?的区别就是不可以为空.必须要是其中的一个.
glob("js/@(a|a1|b).js",function (er, files) {
console.log(files)
})
和6的区别是不匹配为空的情况
**
:和1一样,可以匹配任何内容,但**不仅匹配路径中的某一段,而且可以匹配a/b/c
这样带着/
的内容,所以,它还可以匹配子文件夹下的文件。
//**: 不是一个单独的路径中的某部分,而是可以带有'/',所以所有当前文件夹和子文件夹下都进行匹配
glob("**/@(a|a1|b).js",function (er, files) {
console.log(files)
})
获取当前目录所有文件夹及子文件夹下的a.js,a1.js,b.js,还有一种方式是设置matchBase属性为true,同样可以起到在当前路径下搜索所有子文件夹的效果:
//matchBase: 设置为true以后,在当前目录下所有的文件夹和子文件夹里寻找匹配的文件
glob("@(a|a1|b).js",{matchBase:true},function (er, files) {
console.log(files)
})
以上这些方式都是异步的,当取到匹配的文件时执行回调函数,如果需要同步的获取文件列表,可以用以下方法:
var files = glob.sync(pattern, [options])
它的用处有很多,主要就是用来获取文件的。比如下面这个实例就是用来配置webpack.config.js文件中入口文件的:
const HtmlWebpackPlugin = require('html-webpack-plugin');
const htmlWP = new HtmlWebpackPlugin({template: './src/index.html'});
var glob = require('glob');
// 获取指定路径下的入口文件
function getEntries(globPath) {
var files = glob.sync(globPath),
entries = {};
files.forEach(function(filepath) {
var split = filepath.split('/');
var name = split[split.length - 2];
var entity = [];
entity.push('./' + filepath);
entries[name] = entity;
});
return entries;
}
const config = {
entry: getEntries('app/**/index/index.js'),
output: {
filename: 'webpack.bundle.js',
path: './dist'
},
module: {
loaders: [
{
test: /\.(js|jsx)$/,
loader: 'babel-loader'
}
]
},
plugins: [
htmlWP
]
}
module.exports = config;
上面就是获取app下所有应用的index目录下的index.js入口文件。