共计 1668 个字符,预计需要花费 5 分钟才能阅读完成。
文件门路:VUE 3.0 源码 scripts/utils.js
昨天咱们解读的 scripts/dev.js 文件中有这么一句话:
// 获取 命令行参数中输出的模块名称,默认值:vue
const target = args._.length ? fuzzyMatchTarget(args._)[0] : 'vue'
语句中的 fuzzyMatchTarget 函数就定义在 utils.js 文件中,目标是对终端命令行中传入的模块参数进行解析,是否可能匹配根目录下 /packages 目录下的模块名
源码如下:
/** nodejs 模块——fs 模块:fs 模块用于对系统文件及目录进行读写操作 */
const fs = require('fs')
/** nodejs 模块——chalk 模块:作用是批改控制台中字符串的款式 */
const chalk = require('chalk')
/**
* targets:返回指标模块列表 如:['compiler-core', 'compiler-dom']
* fs.readdirSync 同步读取 package.json 同目录 packages 文件夹, 返回改文件夹下所有子文件夹名称列表
*/
const targets = (exports.targets = fs.readdirSync('packages').filter(f => {
// 同步判断:过滤掉不是文件夹的数据
if (!fs.statSync(`packages/${f}`).isDirectory()) {return false}
const pkg = require(`../packages/${f}/package.json`)
/**
* 过滤掉 package.json 中 private:true 的公有库 以及 buildOptions 为空的属性
*/
if (pkg.private && !pkg.buildOptions) {return false}
return true
}))
/**
* 含糊匹配 命令行中输出的模块名称 (partialTargets:可输出缩写,含糊匹配也可胜利) 跟理论 所有模块列表(targets) 的匹配后果
* @param {string[]} partialTargets Targets 即命令行中输出的 模块名列表
* @param {*} includeAllMatching 设置为 true 时,将返回 targets 中所有匹配后果;false 时只返回第一个后果
* @returns
*/
exports.fuzzyMatchTarget = (partialTargets, includeAllMatching) => {const matched = []
partialTargets.forEach(partialTarget => {for (const target of targets) {
/**
* 'compiler-core'.match('core') 返回非 null
*/
if (target.match(partialTarget)) {matched.push(target)
// includeAllMatching 设置为 true 时,将返回 targets 中所有匹配后果;false 时只返回第一个后果
if (!includeAllMatching) {break}
}
}
})
if (matched.length) {return matched} else {console.log()
// 匹配后果为空时:抛出 Error 提醒命令行中输出端模块名称 (partialTargets) 找不到
console.error(` ${chalk.bgRed.white('ERROR')} ${chalk.red(`Target ${chalk.underline(partialTargets)} not found!`
)}`
)
console.log()
// 0 示意没有任何类型的故障完结过程,而 1 示意因为某种故障而完结过程。process.exit(1)
}
}
如果您对“前端源码”情有独钟,能够微信扫码关注上面的公众号二维码,内容始终继续更新中!
以后 VUE3.0 源码正在解析中,欢送捧场!
正文完