在距離Taro 1.1 發(fā)布 之后一個(gè)月,經(jīng)歷了 500 多次提交和 17 個(gè)預(yù)覽版本的迭代之后,我們有信心在今天發(fā)布 Taro 1.2 正式版。
Taro 1.2 比起 Taro 1.1 和其它的小程序開(kāi)發(fā)框架,增加了許多首次在小程序框架上實(shí)現(xiàn)的功能,這些功能包括但不限于:
就像博客大戰(zhàn)時(shí)代博客服務(wù)商提供了「搬家」工具一樣,Taro 現(xiàn)在也提供了「搬家」工具讓你方便地入駐 Taro 社區(qū)。轉(zhuǎn)換原有微信小程序應(yīng)用非常簡(jiǎn)單,只需要安裝 Taro 命令行工具,定位到待轉(zhuǎn)項(xiàng)目根目錄,運(yùn)行命令:
$ taro convert 復(fù)制代碼
Taro 就會(huì)把轉(zhuǎn)換好的代碼生成在根目錄下的 taroConvert 文件夾。轉(zhuǎn)換后的代碼是高可讀性的 JSX 代碼,沒(méi)有額外的龐大組件庫(kù)開(kāi)銷(xiāo)。你可以輕易地進(jìn)行二次開(kāi)發(fā),或者直接將這些代碼通過(guò)taro build 命令生成任意 Taro 已經(jīng)支持平臺(tái)的應(yīng)用。
我們已經(jīng)嘗試使用 taro convert 成功轉(zhuǎn)換了四個(gè) GitHub 上最熱門(mén)的開(kāi)源微信小程序應(yīng)用,它們轉(zhuǎn)換之后都表現(xiàn)良好:
taro convert 不僅僅能支持轉(zhuǎn)換微信小程序應(yīng)用,它還能轉(zhuǎn)換微信小程序第三方組件。例如 wxParse 經(jīng)過(guò) taro convert 編譯之后還能突破原有只能解析 11 層 HTML 嵌套的限制,理論上可以解析無(wú)限層 HTML 嵌套。
更多詳情可以訪(fǎng)問(wèn)文檔 nervjs.github.io/taro/docs/t… 了解更多。
作為一個(gè)「多端統(tǒng)一開(kāi)發(fā)框架」,Taro 當(dāng)然也不會(huì)放過(guò)字節(jié)跳動(dòng)小程序。在 Taro 1.2,你可以通過(guò)如下命令進(jìn)行字節(jié)跳動(dòng)小程序端的編譯預(yù)覽及打包:
# npm script $ npm run dev:tt $ npm run build:tt # 僅限全局安裝 $ taro build --type tt --watch $ taro build --type tt # npx 用戶(hù)也可以使用 $ npx taro build --type tt --watch $ npx taro build --type tt 復(fù)制代碼 |
選擇字節(jié)跳動(dòng)小程序模式,你需要下載并打開(kāi) 字節(jié)跳動(dòng)小程序開(kāi)發(fā)者工具 ,然后在項(xiàng)目編譯完后選擇項(xiàng)目根目錄下 dist 目錄進(jìn)行預(yù)覽。
相應(yīng)地,Taro 的平臺(tái)標(biāo)識(shí)(process.env.TARO_ENV)也增加了新成員 tt ,代表字節(jié)跳動(dòng)小程序。
在 Taro 最早開(kāi)源的時(shí)候我們就支持了 SCSS 、 LESS 和 Stylus ,而在 Taro 1.2 中我們百尺竿頭更進(jìn)一步,給社區(qū)帶來(lái)了 JSX 的好伙伴:CSS Modules。
對(duì)于 Taro 而言支持 CSS Modules 有著重要的意義。Taro 在 1.0 的時(shí)候已經(jīng)支持組件的 style傳入 JavaScript 對(duì)象,支持了 CSS Modules 之后組件的 className 也能做這點(diǎn)——這意味著 Taro 完全可以做到 JSX 的一項(xiàng)特性:「Everything in JavaScript」。同時(shí),通過(guò)編輯器的自動(dòng)補(bǔ)全和校驗(yàn)功能,開(kāi)發(fā)者再也不用擔(dān)心 CSS 類(lèi)誤輸入和 CSS 類(lèi)的命名問(wèn)題。
你可以查閱文檔CSS Modules 的使用 找到 CSS Modules 的開(kāi)啟方法。
CSS Modules 的支持主要由 Taro 社區(qū)的個(gè)人開(kāi)發(fā)者 @MrKou47 (MrKou47) 開(kāi)發(fā),感謝他的貢獻(xiàn)。
在小程序應(yīng)用變得日趨復(fù)雜的今天,越來(lái)越多的開(kāi)發(fā)者選擇使用獨(dú)立的狀態(tài)管理工具。在 Taro 1.1 你可以選擇 Redux 的體系的 redux-thunk 、 dva-core 、 redux-saga 等工具。在 Taro 1.2 我們又帶來(lái)了 taro-mobx 。
在 Taro 中使用 MobX 非常簡(jiǎn)單,你可以通過(guò) taro init <your app> 命令創(chuàng)建一個(gè)全新的 MobX 模板項(xiàng)目。也可以查閱使用 MobX 文檔將 taro-mobx 接入已有項(xiàng)目。
MobX 的支持主要由 Taro 社區(qū)的個(gè)人開(kāi)發(fā)者 @nanjingboy (Tom Huang) 開(kāi)發(fā),感謝他的貢獻(xiàn)。
面對(duì)社區(qū)里給力的個(gè)人貢獻(xiàn)者,Taro 官方團(tuán)隊(duì)也沒(méi)有閑著。在 Taro 1.2 開(kāi)發(fā)期間通過(guò) commit 關(guān)閉了 169 個(gè) issue 的同時(shí),我們還披星戴月帶來(lái)了更多特性。其中值得一提的是:
你可以通過(guò) CHANGELOG 查閱完整的功能迭代紀(jì)錄。
Taro 1.2 最為激動(dòng)人心的功能顯然是「微信小程序轉(zhuǎn) Taro」 功能,通過(guò)這個(gè)功能已有的微信小程序應(yīng)用能轉(zhuǎn)化更好維護(hù)的 Taro(類(lèi) React) 代碼,也能把 Taro 代碼轉(zhuǎn)化為多端應(yīng)用。
但更重要的是,本次 Taro 1.2 更新的兩個(gè)核心功能點(diǎn)均由個(gè)人開(kāi)發(fā)者貢獻(xiàn)——這完全體現(xiàn)了 Taro 社區(qū)的活躍、強(qiáng)大和開(kāi)放。我們也會(huì)長(zhǎng)期地維護(hù)與社區(qū)開(kāi)發(fā)者們的關(guān)系,與開(kāi)發(fā)者們一同成長(zhǎng),互利互贏(yíng)。這也是 Taro 選擇開(kāi)源的意義所在。
工作日 8:30-12:00 14:30-18:00
周六及部分節(jié)假日提供值班服務(wù)