![](https://img-blog.csdnimg.cn/20201014180756928.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
VUE 3.0 源码:阅读_注释_解析
老罗-laoluo
IT小伙儿
展开
-
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 · 574 阅读 · 0 评论 -
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 · 720 阅读 · 0 评论 -
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 · 1288 阅读 · 0 评论 -
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 · 376 阅读 · 0 评论 -
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 · 228 阅读 · 0 评论 -
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 · 713 阅读 · 0 评论 -
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 · 348 阅读 · 0 评论 -
VUE 3.0 源码:阅读 & 注释 - 解读 tsconfig.json 各项配置信息
本文通过对VUE源码中的 tsconfig.json 文件中的每个属性做详细解释,使读者对常用的配置信息做进一步的了解,希望对看到此篇文章的读者有所帮助。{ "compilerOptions": { /* * 用于拓宽引入非相对模块时的查找路径的。其默认值就是"./" * 目的是解决项目代码层级较深相互之间引用起来会比较麻烦的问题,各种 …/,…/…/,…/…/…/ 等等 * "paths": { * "@vue": ["packages/.原创 2021-12-16 11:07:34 · 1701 阅读 · 0 评论