微信小程序开发脚手架
Installation
# 克隆仓库到指定的文件夹
$ git clone [email protected]:jamieYou/weapp-starter-kit.git
$ cd weapp-starter-kit
$ cp project.config.json.example project.config.json
Develop
- 在项目根目录运行
yarn - 在项目根目录运行
yarn start - 打开微信Web开放者工具，将项目的跟目录导入进去，填写或选择相应信息
Script
yarn start //开发模式
NODE_ENV=xxx yarn build //部署 # NODE_ENV 默认为 production
yarn lint // 用于 ci 的 esling 检查
css
- 使用 scss 作为开发语言
- 页面、组件以外的 scss 文件，请以 _ 开头或者放在 styles 目录
npm 支持
可以在 js 中引入 npm 的包
alias
通过 babel-plugin-module-resolver 支持 require 的路径别名配置
require('@/store') @指 src 的目录
wxp
全局变量 wxp，对 wx 的 api 进行 Promise 封装
环境变量
支持通过 .env 文件修改环境变量，参考
Observer
让页面和 mobx 结合使用
Observer.Page({
state() {
return {
show: true,
authStore,
list: new Collection,
}
},
computed: {
get nickname() {
return authStore.user.nickname
}
},
onLoad() {
// state 和 computed 设置到 this 上，并同步到 data
this.authStore;
this.nickname;
}
})支持页面、组件(Observer.Component)、Behavior(Observer.Behavior)，其他参数按照官方文档即可