mini-programm-template
git clone https://github.com/Akiq2016/mini-programm-template.git
cd mini-programm-template
npm install -g gulp-cli
npm install
# 生成 dist 目录
npm run build
# 开发目录监听
npm run dev
# 安装 gulp 的 plugins 后，如果报错找不到 gulp 需手动重新安装 gulp4
npm install gulp@next --save-devFeatures
-
开启 eslint
-
开启 autoprefixer
-
支持 promise
-
支持 async / await
-
支持 scss
-
封装 wx API
-
监听数据变化 watch
-
跨页面事件通讯 event
注意: 本模板依赖 gulp 进行预处理和编译压缩，因此不使用微信开发者工具提供的相关功能。微信开发者工具选项设置：不使用 es5 -> es6。不使用 上传代码时样式自动补全。（project.config.json 已配置）
Structure
在开发者工具中，小程序目录请选择编译后的 dist 。
# src 结构
├── assets
| ├── [pictures]
└── └── [icons]
├── config
| ├── [global constant]
└── └── [configuration]
├── lib
└── └── [libary]
├── pages
└── └── [package page]
├── subPages
└── └── [subPackage page]
├── components
└── └── [components]
├── templates
└── └── [templates]
├── style
└── └── [scss]
├── utils
└── └── [tools]
├── project.config.json
├── app.js
├── app.json
├── app.scssLibary
Promise
部分低端机型(eg. iPhone5)环境中不存在 native promise ，开发者需要自行引入 promise 库。小程序不运行在浏览器中，不存在 document/window 等对象，不能引入依赖这些对象的第三方库，因此推荐使用 bluebird 。
async/await 语法
直接使用 async/await 语法会出现报错：
Uncaught ReferenceError: regeneratorRuntime is not defined
需要引入 Facebook/regenerator 解决报错。 regenerator 编译后会生成 promise ，在低端机型中会再次出现 promise 兼容问题。因此手动在 regenerator 库开头引入了第三方 promise 。
其他推荐
提供小程序一种更通用的方式来观察和响应data实例上的数据变动