- 添加 prevLoad 生命周期,当小程序启动时或者点击路由跳转时执行,该生命周期中无法使用 setData 方法,因为此时页面还没加载完成。(引入 prevload,并使用 owner-navigator 跳转);在 prevload 中请求完数据时,调用 this.emitData(data),将请求到的参数传递给 Page 对象,在其他生命周期里调用 this.recieveData((data)=>{})可以接受到 emitData 传递的数据。
- 优化封装微信原生的 request,当使用封装后的 ajax 时,可以保持同时发起的请求最多只有 10 个,优化未登录请求时的请求流程,添加防止连续请求的功能。
- 修改原生中 Page.onLoad,使扫普通二维码和页面路由跳转时候的参数处理保持一致
- 修改原生中 Component 对象,给该对象添加一个父页面的指针,在 Component 中,可以使用 this.Page 访问到父页面,而父页面可以通过 this.selectComponent 访问组件。这样就解决了不同组件之间的通信问题
- 支持引用
node_modules
模块 - 支持通过配置
alias
来避免../../../
之类的模块引用 - 通过
babel
支持更丰富的ES6
兼容,包括async/await
- 内置
promise
和lodash
(lodash
按需引入相应模块,不会全部引入) - 使用
less
编写.wxss
文件
- auth-mask 封装了小程序的授权逻辑,防止用户拒绝授权时使用
- list-loader 和 lists-loader 负责列表渲染,时常见的组件
- owner-navigator 使用该组件才能出发 prevload 的生命周期
- 页面\文件模块化,将入口页面放入 page/mian 文件夹下面,即扫码分享等让用户直接进入的页面,但最多不要超过 10 个页面。其他页面按模块分,如商品模块 page/product、订单模块 page/order。由于小程序的一个页面是 由 4 个文件组成,所以建议用文件夹将其包含起来,如首页可以是 page/mian/home/index。模块化除了方便管理文件,更重要的是分包加载,可以大幅提高首次进入的速度。
- 小程序中多处使用的常量请放到统一的 constant 文件中,多处使用的函数放到 app_action 中(和业务相关),多处使用的工具类请 util 中(单纯的只是工具)。
- 使用 wxs 作为过滤器可以使业务逻辑解耦,有利于代码维护,提供了一个 demo 用于处理将图片域名转化为 cdn 域名
- 在根目录有 component 和 page 的 template 文件,新建页面的时候复制粘贴过去就行了。
- 该项目参考 https://github.com/Cap32/wxapp-webpack-plugin, 该项目地址 https://github.com/XLinzexin/min-program-webpack
随便写点东西