View Code? Open in Web Editor
NEW
使用webpack打包原生小程序，并优化对小程序的一些功能点进行优化
JavaScript 77.42%
CSS 22.58%
min-program-webpack's Introduction
- 添加 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 中（单纯的只是工具）。
min-program-webpack's People
Contributors
Watchers
min-program-webpack's Issues
为啥编译结果没有common.js呀？并没有把公共代码给抽取出来
React
Typescript
Django
Laravel
Facebook
Microsoft
Google
Alibaba
D3
Tencent