VUE 3.0 源码 scripts/dev.js 文件仅有20行代码，你熟悉吗？

最新推荐文章于 2024-08-25 07:53:23 发布

老罗-laoluo

最新推荐文章于 2024-08-25 07:53:23 发布

阅读量356

点赞数

分类专栏： VUE 3.0 源码：阅读_注释_解析文章标签： javascript vue.js 前端

本文链接：https://blog.csdn.net/roywang6/article/details/122007138

版权

本文探讨Vue 3.0的scripts/dev.js源码，该文件在运行`yarn dev`或`npm run dev`时被调用。通过分析其仅有的20行代码，了解其在项目开发过程中的关键作用。

摘要由CSDN通过智能技术生成

文件路径：VUE 3.0 源码 scripts/dev.js

当我们在命令行敲下 yarn dev 或者 npm run dev 时，会通过根目录下 package.json 文件中scripts 配置信息找到 scripts/dev.js并开始执行

这个文件都干了哪些事情呢？

我已经注释好了相关Code, 开始慢慢看一下吧：

const execa = require('execa')

// 模糊匹配命令行输入的模块名称跟 packages 目录下模块名称是否一致
const { fuzzyMatchTarget } = require('./utils')

/**
 * 解析参数选项
 * process.argv.slice(2) 对应 执行命令参数位置(即第3个起始位，对等下例中"-x 3 -y 4 -n 5 -abc --beep=boop foo bar baz"这部分数据) 实例如下：
 * node example/parse.js -x 3 -y 4 -n 5 -abc --beep=boop foo bar baz
 * args 结果为：{
 *      _: [ 'foo', 'bar', 'baz' ],
 *      x: 3,
 *      y: 4,
 *      n: 5,
 *      a: true,
 *      b: true,
 *      c: true,
 *      beep: 'boop'
 *  }
 */
const args