資訊專欄INFORMATION COLUMN
上一篇已經講了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(`
文章版權歸作者所有，未經允許請勿轉載,若此文章存在違規行為，您可以聯系管理員刪除。
轉載請注明本文地址：http://m.specialneedsforspecialkids.com/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 一下。 蘇...
閱讀 2150·2021-11-22 15:22
閱讀 1298·2021-11-11 16:54
閱讀 1826·2021-09-23 11:32
閱讀 3016·2021-09-22 10:02
閱讀 1779·2019-08-30 12:59
閱讀 1094·2019-08-29 16:27
閱讀 629·2019-08-29 13:21
閱讀 2468·2019-08-28 17:57
