pocketReader - 用于学习微信小程序的读书weapp（pocketreader官网）

pocketReader - 用于学习微信小程序的读书weapp（pocketreader官网）

gulp-weapp-boilerplate

基于gulp的快速构建微信小程序的脚手架

特性

sass编写样式，替代wxsswebfont自动base64转换，解决了微信小程序无法引用本地字体的问题采用es6语法开发，babel编译图片压缩区分开发生产两套环境，支持生产环境打包本地数据mock功能

使用

# 启动开发服务$ npm start# 构建产出$ npm run build# 清空产出dist文件夹$ npm run clean# 云开发 · 启动云开发服务(监视云开发相关文件变化)$ npm run cloud# 启动mock服务器$ npm run server

目录结构

├── client // 小程序 client 部分，主要编写内容│ ├── app.js│ ├── app.json│ ├── app.scss│ ├── project.config.json // 小程序项目配置│ ├── components // 自定义组件│ ├── images // 图片资源│ ├── lib| │ ├──regenerator-runtime // async await 解决方案，在需要的文件内引入runtime-module.js即可│ │ │ ├── runtime.js│ │ │ ├── runtime-module.js│ │ │ ├── path.js│ │ │ ├── README.md│ │ │ └── package.json│ │ ├── api-mock.js // api-mock 功能│ │ ├── api.js // 实际 api│ │ └── util.js│ └── pages│ └── index├── server // 小程序 server 部分，主要是静态资源和云函数│ ├── cloud-functions│ │ ├── test│ │ └── test2│ ├── index.js│ ├── inline // 云函数公共模块，打包的时候会 inline 进引入的云函数│ │ └── utils.js│ └── static│ └── gulp.png├── test // 测试文件夹│ └── functions // 存储小程序云测试用的参数模板│ └── test.json├── config.server.json├── dist // 产出文件夹，通过微信开发者工具打开预览效果├── gulpfile.js├── package.json├── README.md├── .babelrc├── .editorconfig├── .eslintignore├── .eslintrc└── .gitignore

文件说明

client: 小程序客户端相关代码 server: mock服务器相关逻辑及云函数

// 利用jsdists实现开发环境和发布环境不同的打包规则// 以下只在开发环境中起效果/* */import { test} from '../../lib/api-mock';/* */// 以下只在prod环境中起效果/* import { test } from '../../lib/api'; */

config.server.json: mock服务器相关配置 client/lib/regenerator-runtime.js: async await 方案, 在需要用到async await的文件内引入

import regeneratorRuntime from '../../lib/regenerator-runtime/runtime-module';

License

MIT

版权声明：本文内容由网络用户投稿，版权归原作者所有，本站不拥有其著作权，亦不承担相应法律责任。如果您发现本站中有涉嫌抄袭或描述失实的内容，请联系我们jiasou666@gmail.com 处理，核实后本网站将在24小时内删除侵权内容。