关于vue.js:VUE-30-源码-scriptsutilsjs-介绍了模糊匹配模块名称2个方法

文件门路：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 源码正在解析中，欢送捧场！