上一篇已经讲了create命令;
那么这一篇我们来看一下add和invoke这个命令。之所以放一起讲,是因为当add执行的时候,也会去执行invoke
vue add vue-cli-plugin-xxx 或 vue add @vue/xxx
通过这种形式就是vue-cli3.0内部能识别的插件了
首先来看一下入口
program .command("add[pluginOptions]") .description("install a plugin and invoke its generator in an already created project") .option("--registry ", "Use specified npm registry when installing dependencies (only for npm)") // 可以设置源 .allowUnknownOption() .action((plugin) => { require("../lib/add")(plugin, minimist(process.argv.slice(3))) })
入口比较简单,接下来我们来看一下add.js文件
async function add (pluginName, options = {}, context = process.cwd()) { // special internal "plugins" // 这边对@vue/router和@vue/vuex这2个插件做特殊处理,直接从cli-service下拉模块 if (/^(@vue/)?router$/.test(pluginName)) { return addRouter(context) } if (/^(@vue/)?vuex$/.test(pluginName)) { return addVuex(context) } const packageName = resolvePluginId(pluginName) // 解析插件名 log() log(`
文章版权归作者所有,未经允许请勿转载,若此文章存在违规行为,您可以联系管理员删除。
转载请注明本文地址:https://www.ucloud.cn/yun/103483.html
摘要:写在前面其实最开始不是特意来研究的源码,只是想了解下的命令,如果想要了解命令的话,那么绕不开写的。通过分析发现与相比,变化太大了,通过引入插件系统,可以让开发者利用其暴露的对项目进行扩展。 showImg(https://segmentfault.com/img/bVboijb?w=1600&h=1094); 写在前面 其实最开始不是特意来研究 vue-cli 的源码,只是想了解下 n...
摘要:本文主要学习的源码的记录。这里有一个的示例的数据会被插件生成器用来生成相应的项目文件。另一个远程版本另外而是通过包获取的版本。 本文主要学习vue-cli3.0的源码的记录。源码地址: https://github.com/vuejs/vue-cli 主要对packages里面的@vue进行学习。如下图 showImg(https://segmentfault.com/img/...
摘要:五六月份推荐集合查看最新的请点击集前端最近很火的框架资源定时更新,欢迎一下。苏幕遮燎沈香宋周邦彦燎沈香,消溽暑。鸟雀呼晴,侵晓窥檐语。叶上初阳乾宿雨,水面清圆,一一风荷举。家住吴门,久作长安旅。五月渔郎相忆否。小楫轻舟,梦入芙蓉浦。 五、六月份推荐集合 查看github最新的Vue weekly;请::点击::集web前端最近很火的vue2框架资源;定时更新,欢迎 Star 一下。 苏...
摘要:五六月份推荐集合查看最新的请点击集前端最近很火的框架资源定时更新,欢迎一下。苏幕遮燎沈香宋周邦彦燎沈香,消溽暑。鸟雀呼晴,侵晓窥檐语。叶上初阳乾宿雨,水面清圆,一一风荷举。家住吴门,久作长安旅。五月渔郎相忆否。小楫轻舟,梦入芙蓉浦。 五、六月份推荐集合 查看github最新的Vue weekly;请::点击::集web前端最近很火的vue2框架资源;定时更新,欢迎 Star 一下。 苏...
阅读 2081·2021-11-22 15:22
阅读 1227·2021-11-11 16:54
阅读 1761·2021-09-23 11:32
阅读 2958·2021-09-22 10:02
阅读 1732·2019-08-30 12:59
阅读 1049·2019-08-29 16:27
阅读 581·2019-08-29 13:21
阅读 2429·2019-08-28 17:57