文件门路: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 源码正在解析中,欢送捧场!