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

sorra 發(fā)布于2019-08-23 16:54 / 2144人閱讀

上一篇已經(jīng)講了create命令；
那么這一篇我們來(lái)看一下add和invoke這個(gè)命令。之所以放一起講，是因?yàn)楫?dāng)add執(zhí)行的時(shí)候，也會(huì)去執(zhí)行invoke

add

vue add vue-cli-plugin-xxx 或 vue add @vue/xxx

通過(guò)這種形式就是vue-cli3.0內(nèi)部能識(shí)別的插件了
首先來(lái)看一下入口

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)") // 可以設(shè)置源
  .allowUnknownOption()
  .action((plugin) => {
    require("../lib/add")(plugin, minimist(process.argv.slice(3)))
  })

入口比較簡(jiǎn)單，接下來(lái)我們來(lái)看一下add.js文件

async function add (pluginName, options = {}, context = process.cwd()) {
  // special internal "plugins"
  // 這邊對(duì)@vue/router和@vue/vuex這2個(gè)插件做特殊處理，直接從cli-service下拉模塊
  if (/^(@vue/)?router$/.test(pluginName)) {
    return addRouter(context)
  }
  if (/^(@vue/)?vuex$/.test(pluginName)) {
    return addVuex(context)
  } 

  const packageName = resolvePluginId(pluginName) // 解析插件名

  log()
  log(`

GPU云服務(wù)器云服務(wù)器 invoke vue-cli p invoke vue-cli3

文章版權(quán)歸作者所有，未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請(qǐng)注明本文地址：http://specialneedsforspecialkids.com/yun/103483.html

相關(guān)文章

vue-cli 3.0 源碼分析

摘要：寫(xiě)在前面其實(shí)最開(kāi)始不是特意來(lái)研究的源碼，只是想了解下的命令，如果想要了解命令的話，那么繞不開(kāi)寫(xiě)的。通過(guò)分析發(fā)現(xiàn)與相比，變化太大了，通過(guò)引入插件系統(tǒng)，可以讓開(kāi)發(fā)者利用其暴露的對(duì)項(xiàng)目進(jìn)行擴(kuò)展。 showImg(https://segmentfault.com/img/bVboijb?w=1600&h=1094); 寫(xiě)在前面其實(shí)最開(kāi)始不是特意來(lái)研究 vue-cli 的源碼，只是想了解下 n...

yiliang 2019-08-23 15:11 評(píng)論0 收藏0
vue-cli3.0源碼分析@vue/cli-----create

摘要：本文主要學(xué)習(xí)的源碼的記錄。這里有一個(gè)的示例的數(shù)據(jù)會(huì)被插件生成器用來(lái)生成相應(yīng)的項(xiàng)目文件。另一個(gè)遠(yuǎn)程版本另外而是通過(guò)包獲取的版本。本文主要學(xué)習(xí)vue-cli3.0的源碼的記錄。源碼地址: https://github.com/vuejs/vue-cli 主要對(duì)packages里面的@vue進(jìn)行學(xué)習(xí)。如下圖 showImg(https://segmentfault.com/img/...

JasonZhang 2019-08-23 16:51 評(píng)論0 收藏0
關(guān)于Vue2一些值得推薦的文章 -- 五、六月份

摘要：五六月份推薦集合查看最新的請(qǐng)點(diǎn)擊集前端最近很火的框架資源定時(shí)更新，歡迎一下。蘇幕遮燎沈香宋周邦彥燎沈香，消溽暑。鳥(niǎo)雀呼晴，侵曉窺檐語(yǔ)。葉上初陽(yáng)乾宿雨，水面清圓，一一風(fēng)荷舉。家住吳門(mén)，久作長(zhǎng)安旅。五月漁郎相憶否。小楫輕舟，夢(mèng)入芙蓉浦。五、六月份推薦集合查看github最新的Vue weekly；請(qǐng)::點(diǎn)擊::集web前端最近很火的vue2框架資源；定時(shí)更新，歡迎 Star 一下。蘇...

sutaking 2019-08-02 15:17 評(píng)論0 收藏0
關(guān)于Vue2一些值得推薦的文章 -- 五、六月份

摘要：五六月份推薦集合查看最新的請(qǐng)點(diǎn)擊集前端最近很火的框架資源定時(shí)更新，歡迎一下。蘇幕遮燎沈香宋周邦彥燎沈香，消溽暑。鳥(niǎo)雀呼晴，侵曉窺檐語(yǔ)。葉上初陽(yáng)乾宿雨，水面清圓，一一風(fēng)荷舉。家住吳門(mén)，久作長(zhǎng)安旅。五月漁郎相憶否。小楫輕舟，夢(mèng)入芙蓉浦。五、六月份推薦集合查看github最新的Vue weekly；請(qǐng)::點(diǎn)擊::集web前端最近很火的vue2框架資源；定時(shí)更新，歡迎 Star 一下。蘇...

khs1994 2019-08-23 18:08 評(píng)論0 收藏0