【Vue Conf 2021】現(xiàn)場參加 Vue Conf 2021 是怎樣的一種體驗

2021 年 5 月 22 日，周六，雨后天晴的杭州特別涼爽，特意坐高鐵到了杭州現(xiàn)場參與了 Vue Conf 2021。收獲遠(yuǎn)比想象中大，我工作的項目都是 React 技術(shù)棧，其實有 3 年沒有用 Vue 做生產(chǎn)項目了，加上特別想見的尤大和 Anthony Fu 都是遠(yuǎn)程接入，所以本來沒有抱太大期待，但恰恰是這樣反而有了很多驚喜。搶到了第一個提問的機會，問了三個問題，見了很多大佬，感覺值回票價了。

官方視頻回放出爐了：Vue Conf 2021 官方視頻回放

第一個收獲當(dāng)然是見到了 QC-L，我們從掘金翻譯計劃結(jié)緣，今年因為我翻譯的尤大 Vite 視頻直播又重新聯(lián)系了起來。最近幾個月一直有深度交流，和社區(qū)小伙伴們在 Vue Conf 前先后剛搞定了 Slidev 和 Vite 的中文文檔翻譯工作。

本來尤大是第一個演講的，但是出了一點小狀況，中美時差還是個問題，而且 23 號尤大還有個 Vue Beijing 的在線分享，所以這周末真的是 Evan's Weekend。

李奎 —— Vite，下一代Web工具

視頻傳送：Vite：下一代Web工具

第一個是李奎（@underfin）的分享，帶來的是關(guān)于 Vite 的分享。我從今年春節(jié)就關(guān)注 Vite 2 了，因為苦于 webpack 啟動和 HMR 速度慢很久了，春節(jié)后還翻譯了尤大做客 GitHub Open Source Friday 節(jié)目的視頻 【譯】下一代前端工具 ViteJS 中英雙語字幕 - Open Source Friday 。

期間發(fā)了一篇 Vite 2 + React 實戰(zhàn)，還發(fā)生了一個有意思的事情，一日看盡長安花同學(xué)打算將存量的 React + Mobx + TypeScript 到項目構(gòu)建工具從 webpack 遷移到 Vite 上，看到了我的文章，留言并加了微信。每天討論分析遷移過程中遇到的各種問題。最后終于是遷移成功了，但是構(gòu)建時間（在 17 年款 Macbook Pro 上）從 18 s 增加到了 27 秒，Vite 二次啟動時間 24 秒，當(dāng)時簡直不敢相信。

后來看花同學(xué)發(fā)現(xiàn)關(guān)掉 HMR 配置后，速度提升了到了不到 14 秒。

由于他的項目是內(nèi)部項目，不方便給我拿來測試，我自己的項目也一直沒有嘗試遷移，這件事情就一直擱置了。剛好就在 Vue Conf 問了這個問題。

問題傳送門：請問李奎，Vite HMR 性能問題

關(guān)于 Vite HMR 這塊的原理我一直沒有研究，這次收到李奎的回答，在 React 項目中，主要是使用了 Babel 插件導(dǎo)致的速度慢，關(guān)于 HMR 在啟動環(huán)節(jié)做了哪些事情，打算回去仔細(xì)研究一下。我還問了關(guān)于 HMR 是否在 Vue 項目中存在性能問題，李奎說 Vue 中的原理和 React 不太一樣，不走 Babel，性能會比 React 項目好。未來可能是得等 esbuild 這塊的 API 暴露出來，才能徹底解決 HMR 在啟動環(huán)節(jié)的性能瓶頸。

姍姍來遲的尤大 —— Vue3 生態(tài)進(jìn)展和計劃

視頻傳送：Vue.js作者尤雨溪在VueConf 2021談Vue 3 生態(tài)進(jìn)展

尤大的演講內(nèi)容已經(jīng)有很多文章分享過了，這里就不再贅述。

這次和 QC-L 都想知道 Vue 2.7 的發(fā)布時間，尤大也在分享中提到了，計劃在三季度推出，這會是 Vue 2.X 的最后一個版本。

而 Vue 3 會在二季度末成為默認(rèn)版本。

驚喜的就是尤大在 SFC playground 上在線演示了 <script setup> 的寫法，將變量直接用到了 CSS 中，我和 QC-L 說，Dan 在 React Conf 的時候，往往到了這個時候，就會有掌聲，可能是因為這個 feature 推出有段時間了吧。

霍春陽 —— 把 Vue SFC 編譯到 X

視頻傳送：把 Vue SFC編譯到 X

尤大結(jié)束之后就是霍春陽的分享《把 Vue SFC 編譯到 X》，我對 Vue SFC 完全不熟，聽了 HcySunYang 的分享也收獲到了很多思路上的啟發(fā)，了解到了很多沒有關(guān)注過的問題。

未完待續(xù)

下午場也非常精彩，正在整理文字中。

附：看到了在直播走紅的“綠哥”，綠哥的想法還真的挺獨特的，出名的那張圖就是機器加配置就能解決為啥要花時間上 Vite 呢。對我而言，還是有很多場景是需要 Vite 這類工具幫我提速的，包括我公司的虛擬終端的性能問題，包括平時同時參與開源社區(qū)的多個項目，啟動速度確實是個痛點。還有就是 Vite 會分流 Webpack 的開發(fā)者等問題，其實任何有益的嘗試都是應(yīng)該值得被鼓勵的，社區(qū)的健康蓬勃健康發(fā)展，良性的競爭是很必要的。下午綠哥幫大家問了憋了好久的 weex 的問題，收獲了一波好評。好在染陌回答頂住了，北海才剛開始，期望有個好結(jié)果。