毫無疑問，對于我們這些沒有跨端需求的人來說，原生編寫一定是性能和擴(kuò)展性最好的解決方案。 uni-app也是大多數(shù)人首選的小程序開發(fā)框架。與Taro相比，它有更大的用戶群體，更豐富的生態(tài)系統(tǒng)，以及我沒有測試但收到社區(qū)反饋的更好的性能。不過考慮到我們已經(jīng)有使用Taro開發(fā)的小程序項(xiàng)目，沒有明顯的性能缺點(diǎn)，而且只有Taro支持這種寫法。另外，主管不愿意引入新的前端框架來增加學(xué)習(xí)成本。所以我們還是選擇使用Taro來構(gòu)建項(xiàng)目模板。

Taro 官方團(tuán)隊(duì)推出了 Taro 4.x，支持 Vite 編譯、鴻蒙應(yīng)用開發(fā)等功能。不過，鑒于我們Vite編譯帶來的性能優(yōu)化（個人感覺很奇怪，目前的小程序只能在完全編譯后才能在開發(fā)者工具上運(yùn)行，Vite異步加載js的性能優(yōu)勢如何體現(xiàn)？體現(xiàn)出來了嗎？）并且對鴻蒙等功能沒有硬性要求，而且Taro團(tuán)隊(duì)會通過修復(fù)問題、優(yōu)化性能來持續(xù)支持和維護(hù)該框架一段時(shí)間，所以我們還是傾向于選擇相對穩(wěn)定的3。 x 版本。

UI組件庫

在以往支付寶小程序的開發(fā)經(jīng)驗(yàn)中，我發(fā)現(xiàn)@/組件庫對Taro()的支持比較好，組件豐富度比官方推薦的幾個組件庫都要好，而且維護(hù)團(tuán)隊(duì)答疑解惑，解決Bug及時(shí)的方式。。因此，我們在后續(xù)的小程序開發(fā)中選擇使用該組件庫作為小程序模板工程的組件庫。

支付寶小程序開發(fā)費(fèi)用_支付寶小程序開發(fā)軟件安裝不了_支付寶開發(fā)者

模板代碼也參考/pure--進(jìn)行修改。 H5或者其他小程序的適配可以參考這個項(xiàng)目。

風(fēng)格方案

我們的PC端項(xiàng)目已經(jīng)得到了廣泛的應(yīng)用。我深刻體會到原子化CSS帶來的開發(fā)樂趣，果斷選擇繼續(xù)引入。官方已經(jīng)給出了引入方案：使用CSS |太郎文檔。介紹-并根據(jù)需要配置它來體驗(yàn)它。

狀態(tài)管理

項(xiàng)目有許多不同的狀態(tài)管理工具。 Taro 的官方文檔指出，我個人覺得它太重、太繁瑣，所以我果斷改用了一個受到社區(qū)好評的，并且我已經(jīng)在項(xiàng)目中使用過它。易于配置和引入，也可在外部使用，方便擴(kuò)展。參考老大的Taro-項(xiàng)目建設(shè)|學(xué)習(xí)筆記成功引入，通過Taro的API可以實(shí)現(xiàn)持久化功能。

多終端兼容

目前僅支持微信和支付寶小程序。

CSS 樣式兼容

微信和支付寶小程序的風(fēng)格不直接兼容，需要單位轉(zhuǎn)換。

安裝-rem-to--后，通過在..js文件中添加以下代碼即可實(shí)現(xiàn)基本的樣式兼容。

plugins: { tailwindcss: {}, autoprefixer: {}, 'postcss-rem-to-responsive-pixel': { rootValue: 32, // 1rem = 32rpx propList: ['*'], // 默認(rèn)所有屬性都轉(zhuǎn)化 transformUnit: process.env.TARO_ENV === 'h5' ? 'px' : 'rpx', // 轉(zhuǎn)化的單位,可以變成 px / rpx }, }