首页 文章详情

携程开源又一力作——小程序构建工具

GitHub精选 | 1002 2021-03-17 22:32 0 0 0
UniSMS (合一短信)

【公众号回复 “1024”,免费领取程序员赚钱实操经验】

大家好,我是章鱼猫。

今天推荐的这个项目是「wean」,一个小程序构建打包工具。

在 wean 之前,大量小程序工具使用 webpack 进行打包,各种 loader、plugin 导致整个开发链路变长。

wean 旨在解决链路问题,它自研编译器和打包器,对于标准小程序项目,可以做到开箱即用。

wean 是一个小程序打包工具,它负责将标准的微信小程序打包成 web 项目,这样做有很多好处

  • 小程序引擎:将打包产物跑到 APP webview 上,就可以成为专属小程序,如 “携程小程序”

  • 开箱即用:更现代的标准,更短的开发链路,从某种程度上缓解微信小程序的历史包袱

  • 跨双端:以保住微信为前提,一套代码,支持微信和 h5 两个端

wean 借助 fre 实现组件化的支持,借助 berial 实现路由和沙箱,不借助 webpack 等打包工具。

除了基本的编译打包,wean 实现了一些先进特性:Tree shaking、Module federation、Hot reload,做更现代,更简洁的小程序子集。

运行项目:

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

如果小程序工具导入 dist 目录,遇到 dist 缺少 app.json 和 sitemap.json 的报错,先手动将 demo 里的这两个文件拷贝到 dist 下,能跑起来再说。

剩下的只需要按照《微信小程序开发文档》开发即可。

值得注意的是,并非所有的微信小程序的特性都被支持,简单地说,wean 只支持 “现代特性”。

wean 的设计思路如下:

开源项目地址:https://github.com/ctripcorp/wean

开源项目组织:携程

推荐阅读:

这个开源项目教你如何刷爆 LeetCode!剑指 offer,堪称程序员「面试金典」

不敢相信,安装即可解锁所有 VIP ?

牛逼,一份在线工具的使用秘籍开源了

最近,章鱼猫建了一个「GitHub 精选交流群」,欢迎大家一起交流优秀开源项目,也可以宣传自己的开源项目,在 「GitHub 精选」公众号后台回复【加群】邀请你入群。

---特别推荐---

特别推荐:一个新的优质的专注分享各种浏览器插件、黑科技教程、各种你想不到的高效率软件及工具的公众号,「黑科技指北」,非常值得大家关注。

good-icon 0
favorite-icon 0
收藏
回复数量: 0
    暂无评论~~
    Ctrl+Enter