全棧開發(fā)者社區(qū) 全棧開發(fā)者社區(qū) 6天前

近年來，小程序已經(jīng)越來越火爆了，因?yàn)樗峁┝艘粋€(gè)簡單、高效的應(yīng)用開發(fā)框架和豐富的組件及API，幫助開發(fā)者在微信中開發(fā)具有原生APP體驗(yàn)的服務(wù)。許多開發(fā)者已經(jīng)通過創(chuàng)建自己的小程序，獲取流量，已經(jīng)實(shí)現(xiàn)了變現(xiàn)，有了不錯(cuò)的副業(yè)收入。

Github上關(guān)于小程序構(gòu)建打包工具也有不少，今天和大家推薦一個(gè)好用的工具——wean，這是一個(gè)小程序構(gòu)建工具，它負(fù)責(zé)將標(biāo)準(zhǔn)的微信小程序打包成web項(xiàng)目，具有以下特性：

• 小程序引擎：將打包產(chǎn)物跑到APP webview上，就可以成為專屬小程序，如“攜程小程序”
• 開箱即用：更現(xiàn)代的標(biāo)準(zhǔn)，更短的開發(fā)串聯(lián)，從某種程度上緩解微信小程序的歷史包袱
• 跨雙端：以保住微信為前提，一套代碼，支持微信和h5兩個(gè)端

wean借助fre實(shí)現(xiàn)渲染，借助berial實(shí)現(xiàn)路由和沙箱，不需要webpack等，除了基本的編譯打包，wean實(shí)現(xiàn)了一些先進(jìn)特性：Tree shaking、Module federation、Hot reload，做更現(xiàn)代，更精簡的小程序子集。

wean運(yùn)行也很簡單：

$ npm install
$ npm link
$ wean -e app.json -o /dist/

剩下的你只需要按照微信小程序開發(fā)文檔開發(fā)即可，值得注意的是，并非所有的微信小程序的特性都被支持，簡單地說，wean 只支持“現(xiàn)代特性”。

在wean之前，大量小程序工具使用webpack進(jìn)行打包，各種loader、plugin導(dǎo)致整個(gè)開發(fā)鏈路變長wean 旨在解決鏈路問題，它自研編譯器和打包器，對于標(biāo)準(zhǔn)小程序項(xiàng)目，可以做到開箱即用