文件门路:VUE 3.0 源码 scripts/utils.js
昨天咱们解读的 scripts/dev.js 文件中有这么一句话:
// 获取 命令行参数中输出的模块名称,默认值:vueconst 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 源码正在解析中,欢送捧场!