vue-cli3.0源码分析@vue/cli-----add和invoke

sorra 发布于2019-08-23 16:54 / 1907人阅读

上一篇已经讲了create命令；
那么这一篇我们来看一下add和invoke这个命令。之所以放一起讲，是因为当add执行的时候，也会去执行invoke

add

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

vue-cli 3.0 源码分析

摘要：写在前面其实最开始不是特意来研究的源码，只是想了解下的命令，如果想要了解命令的话，那么绕不开写的。通过分析发现与相比，变化太大了，通过引入插件系统，可以让开发者利用其暴露的对项目进行扩展。 showImg(https://segmentfault.com/img/bVboijb?w=1600&h=1094); 写在前面其实最开始不是特意来研究 vue-cli 的源码，只是想了解下 n...

yiliang 2019-08-23 15:11 评论0 收藏0
vue-cli3.0源码分析@vue/cli-----create

摘要：本文主要学习的源码的记录。这里有一个的示例的数据会被插件生成器用来生成相应的项目文件。另一个远程版本另外而是通过包获取的版本。本文主要学习vue-cli3.0的源码的记录。源码地址: https://github.com/vuejs/vue-cli 主要对packages里面的@vue进行学习。如下图 showImg(https://segmentfault.com/img/...

JasonZhang 2019-08-23 16:51 评论0 收藏0
关于Vue2一些值得推荐的文章 -- 五、六月份

摘要：五六月份推荐集合查看最新的请点击集前端最近很火的框架资源定时更新，欢迎一下。苏幕遮燎沈香宋周邦彦燎沈香，消溽暑。鸟雀呼晴，侵晓窥檐语。叶上初阳乾宿雨，水面清圆，一一风荷举。家住吴门，久作长安旅。五月渔郎相忆否。小楫轻舟，梦入芙蓉浦。五、六月份推荐集合查看github最新的Vue weekly；请::点击::集web前端最近很火的vue2框架资源；定时更新，欢迎 Star 一下。苏...

sutaking 2019-08-02 15:17 评论0 收藏0
关于Vue2一些值得推荐的文章 -- 五、六月份

摘要：五六月份推荐集合查看最新的请点击集前端最近很火的框架资源定时更新，欢迎一下。苏幕遮燎沈香宋周邦彦燎沈香，消溽暑。鸟雀呼晴，侵晓窥檐语。叶上初阳乾宿雨，水面清圆，一一风荷举。家住吴门，久作长安旅。五月渔郎相忆否。小楫轻舟，梦入芙蓉浦。五、六月份推荐集合查看github最新的Vue weekly；请::点击::集web前端最近很火的vue2框架资源；定时更新，欢迎 Star 一下。苏...

khs1994 2019-08-23 18:08 评论0 收藏0