《Vue3.0搶先學》系列之二:一個簡單的例子

書接上文:你被我撩撥了一下,從Github上下載了Vue3.0的源碼。然後呢,你是不是已經迫不及待的想知道到底怎麼樣快速的把這個源代碼用起來呢?

好,讓我們這就來試一試,趕緊開始編譯一下框架源代碼,命令行咔咔敲起來!

經過幾十秒炫酷的命令行刷屏之後,構建完成了。之後,我們可以看到在packages下的各個子項目文件夾中,有已經生成好的dist目錄,裡面躺著幾個文件,命名不太一樣,有的文件名中有prod後綴,有的則沒有,這個代表經過壓縮的或不壓縮的js;有的包含了global、cjs、esm-xxx等,這個則表示這個js文件適用的模塊加載器類型。我們可以按照實際需要來選用。

《Vue3.0搶先學》系列之二:一個簡單的例子

我下面將選用 packages/vue/dist 目錄下的 vue.global.prod.js 這個文件,因為它是打包後得到的最完整的框架代碼,可以直接通過


分享到:


相關文章: