分析源码之前,我们先来回顾一下,wepy 的使用: <!-- 小程序入口 app.wpy --> <script> import wepy from 'wepy'; export default class extends wepy.app { ...... } </script> 让我们一起看看 export 出来的 class,是怎么转换成小程序语言的。 我们介绍了 wepy-cli 是如何编译 wpy 文件的,里面有说到,complie-script.js 在处理 script 代码时,会加入 wepy 初始化的代码。编译之后 dist 目录下的文件,如下: // dist/app.js App(require('./npm/wepy/lib/wepy.js').default.$createApp(_default, {})); // dist/pages/index.js Page(require('./../npm/wepy/lib/wepy.js').default.$createPage(Index , 'pages/index')); 可以看出,主要调用了 $createApp 和 $createPage 方法。在看这两个方法之前,我们先来看一下 wepy 的目录结构,以便后面的分析更好理解。 wepy目录结构├─wepy ├─src ├─app.js 全局app逻辑,请求优化、promisify API、拦截器功能等 ├─base.js 定义了 $createApp 和 $createPage 等方法 ├─component.js 组件逻辑,脏值检查、组件通信等 ├─event.js 事件方法 ├─mixin.js 混合方法 ├─native.js 空,代码里用于app.js中重新定义wx接口 ├─page.js 继承component,page的一些优化 ├─util.js 工具方法 ├─wepy.js 入口文件 ├─test ├─...
|
深入wepy源码:wepy运行原理分析
发布:2018-05-30 11:32浏览: 次来源:网络 作者:cola
免责声明:本站所有文章和图片均来自用户分享和网络收集,文章和图片版权归原作者及原出处所有,仅供学习与参考,请勿用于商业用途,如果损害了您的权利,请联系网站客服处理。
相关文章
- 微信小程序app.json文件常用配置说明2021-07-09
- 微信小程序文字控制单行超过显示省略号2021-07-09
- 微信小程序参数传递的几种方法2021-07-09
- 微信小程序使用button按钮分享2021-07-09
- 微信小程序的setData2021-07-09
- 小程序分享,获取openid2021-07-08
- 微信小程序-实现tab2021-07-08
- 微信开发者工具新建和导入小程序2021-07-08
- 微信小程序实现点击拍照长按录像功能2021-07-08
- 微信小程序必知知识2021-07-08