老罗-laoluo-CSDN博客

原创 VUE 3.0 源码 script/release.js 模块发布

文件路径：VUE 3.0 源码 /script/release.js该脚本从主函数main()函数的运行开始：1、使用 prompt CLI提示插件，引导用户 Select release type... ? Select release type ... > patch (3.0.0) minor (3.0.0) major (3.0.0) prepatch (3.0.1-rc.0) preminor

2021-12-25 21:11:31 596

原创 VUE 3.0 源码 script/build.js rollup 模块打包

文件路径：VUE 3.0 源码 /script/build.js整个脚本从入口函数run() 的运行展开，大概经历了如下几个过程：1、根据是否正式 release 版本，为 true 时需要清除build缓存，避免过时的枚举值；2、解析命令行参数是否指定了需要编译的模块信息，如果没有将编译所有模块；3、最终build的过程是执行rollup进行打包4、另外还有build types过程，将ts源码转成js之后，会生成一堆 *.d.ts，还可以生成 api 报告，生成文档描述模型（xxx.

2021-12-23 09:21:13 743

原创 VUE 3.0 源码 rollup.config.js 文件整体功能介绍

文件路径：VUE 3.0 源码 /rollup.config.js上一篇文章中，单独介绍了各种类型的输出文件的差异，今天这篇文章将完整的介绍一下该配置文件一、rollup.config.js 配置信息时如何生效的？scripts/dev.js | scripts/build.js 文件中都有这么一个函数：execa( 'rollup', [ '-c', '--environment', [ // ... ], ])关键就在 '-c' 这个参数上：作用是rollup打包指定使用配置文件

2021-12-22 08:19:05 1336

原创 VUE 3.0 源码 rollup.config.js 对不同类型输出文件的注释

文件路径：VUE 3.0 源码 /rollup.config.jsroollup 打包文件指令模板如下：rollup main.js --file bundle.js --format iiferollup.config.js 文件中同样有这么一个变量：outputConfigs，里面定义了不同类型的输出文件的名称"file" & "format",具体如下：const outputConfigs = { 'esm-bundler': { file: resolve(

2021-12-21 08:51:06 399

原创 VUE 3.0 源码 scripts/utils.js 介绍了模糊匹配模块名称2个方法

文件路径：VUE 3.0 源码 scripts/utils.js昨天咱们解读的 scripts/dev.js 文件中有这么一句话：// 获取命令行参数中输入的模块名称，默认值：vueconst target = args._.length ? fuzzyMatchTarget(args._)[0] : 'vue'语句中的 fuzzyMatchTarget 函数就定义在utils.js文件中，目的是对终端命令行中传入的模块参数进行解析，是否能够匹配根目录下/packages 目录下的模块名

2021-12-19 22:16:59 243

原创 VUE 3.0 源码 scripts/verifyCommit.js 文件对git提交时输入的描述信息进行规范

文件路径：VUE 3.0 源码 scripts/verifyCommit.js当我们在命令行敲下 git commit -m "描述信息" 提交代码时，此文件会被触发，关键的配置信息还是在 package.json 这个文件中，具体如下："gitHooks": { "pre-commit": "ls-lint && lint-staged", "commit-msg": "node scripts/verifyCommit.js"},复制代码知识点-1：如

2021-12-18 23:28:16 753

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

文件路径：VUE 3.0 源码 scripts/dev.js当我们在命令行敲下 yarn dev 或者 npm run dev 时，会通过根目录下 package.json 文件中scripts 配置信息找到 scripts/dev.js并开始执行这个文件都干了哪些事情呢？我已经注释好了相关Code, 开始慢慢看一下吧：const execa = require('execa')// 模糊匹配命令行输入的模块名称跟 packages 目录下模块名称是否一致const { fuz

2021-12-18 00:16:22 368

原创 VUE 3.0 源码：阅读 & 注释 - 解读 tsconfig.json 各项配置信息

本文通过对VUE源码中的 tsconfig.json 文件中的每个属性做详细解释，使读者对常用的配置信息做进一步的了解，希望对看到此篇文章的读者有所帮助。{ "compilerOptions": { /* * 用于拓宽引入非相对模块时的查找路径的。其默认值就是"./" * 目的是解决项目代码层级较深相互之间引用起来会比较麻烦的问题，各种 …/,…/…/,…/…/…/ 等等 * "paths": { * "@vue": ["packages/.

2021-12-16 11:07:34 1748

roywang6的博客