weapp-gulp-service

简介

weapp-gulp-service 是一款基于 gulp 实现的微信小程序预编译开发工具，可以有效提升原生小程序的开发效率。主要功能如下所示：

语法增强：

1. 支持 less；
2. 支持 px 自动转 rpx；
3. 支持本地图片转 base64；
4. 支持路径别名 alias；
5. 支持设置环境变量（类似 vue-cli 的 .env 文件）；
6. 支持 json5 语法；
7. 扩展 app.json，支持表达力更好的路由写法；
8. 支持.vue 单文件开发（兼容大部分 v-指令）；

工具特性：

1. 0 配置使用；
2. 支持增量编译；
3. 支持自定义 task；
4. 支持插件扩展（类似 Vue.use）；
5. 支持自动构建 npm（需开启 wxDevtool cli 服务）；
6. 支持命令行上传代码（需集成 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 目录。

Command API

开发模式：

# 编译 + 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 查看

小程序 ci/cli 集成说明

自动构建 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 模式优先。