weapp-gulp-service 是一款基于 gulp 实现的微信小程序预编译开发工具,可以有效提升原生小程序的开发效率。主要功能如下所示:
语法增强:
- 支持 less;
- 支持 px 自动转 rpx;
- 支持本地图片转 base64;
- 支持路径别名 alias;
- 支持设置环境变量(类似 vue-cli 的 .env 文件);
- 支持 json5 语法;
- 扩展 app.json,支持表达力更好的路由写法;
- 支持.vue 单文件开发(兼容大部分 v-指令);
工具特性:
- 0 配置使用;
- 支持增量编译;
- 支持自定义 task;
- 支持插件扩展(类似 Vue.use);
- 支持自动构建 npm(需开启 wxDevtool cli 服务);
- 支持命令行上传代码(需集成
miniprogram-ci
);
全局安装并使用:
npm i weapp-gulp-service -g
# 项目根目录执行
wgs --config /user/workspace/xx/weapp.config.js
也可以局部安装并使用:
npm i weapp-gulp-service -D
# 项目根目录执行
npx wgs
项目 Demo 参见 weapp-project (可直接作为开发模版)。
见 docs 目录。
开发模式:
# 编译 + watch
wgs [options]
# 或者
wgs serve [options]
打包模式:
# 仅编译
wgs build [options]
构建 npm
# 生成 miniprogram_npm 目录
wgs build:npm [options]
代码上传:
# 先编译再上传
wgs upload -v 1.0.1 [desc]
ps: 各命令选项可通过 --help
查看
自动构建 npm 与上传代码两个功能前置依赖小程序官方服务——wxdevtool-cli 或者 miniprogram-ci。
如果使用 wxdevtool-cli(以下简称 cli 模式),需设置环境变量:
# macOS
WX_CLI=<安装路径>/Contents/MacOS/cli
# Windows
WX_CLI=<安装路径>/cli.bat
如果使用 miniprogram-ci(以下简称 ci 模式),需设置环境变量:
WE_APP_PRIVATE_KEY_PATH=<私匙路径>/private.xxxx.key
并安装全局依赖 miniprogram-ci;
npm i miniprogram-ci -g
两种方式二选一即可。如果二者同时设置,则 ci 模式优先。