weapp-gulp:基于 gulp4.0 的小程序开发脚手架

weapp-gulp 是一款基于 gulp4.0 的小程序开发脚手架,支持七牛云自动上传、图片压缩、scss 开发、封装 wx.request、实时编译和多环境配置,提升开发效率
直达下载
回到上一页
clickgpt_line.png_noView
介绍

weapp-gulp 是一个强大而灵活的小程序开发脚手架,基于 gulp4.0 实现,具备七牛云自动上传、图片压缩、scss 开发、封装 wx.request、实时编译和多环境配置等功能。通过对 weapp-gulp 1.0.0 进行优化升级,构建代码变得更加简洁易懂,易于修改。

主要功能

  • 代码压缩:优化和压缩代码,提高小程序的运行效率。
  • 删除 CSS 中的 PX 单位:自动将 px 转换为 rpx,让开发更加顺手。
  • 图片路径替换:将路径通配符 %ASSETS_IMG% 修改为 %CDN_IMG%,方便图片资源的管理和加载。
  • 自动上传图片:图片压缩后自动上传到七牛云或腾讯云,简化部署流程。
  • 封装 wx.request:类似 axios 的拦截器功能,简化网络请求的处理。
  • 多环境开发:支持多环境配置,轻松切换不同环境。

github_applet_weapp_gulp_1

weapp-gulp 的优势

1. 代码优化和压缩

通过 weapp-gulp 的构建工具,能够有效地压缩代码,提高小程序的运行速度和性能。同时,删除 CSS 中的 PX 单位,自动将其转换为 rpx,让开发过程更加顺手。

2. SCSS 开发

告别传统 CSS 的繁琐,使用 SCSS 进行样式开发,带来更好的维护性和可读性。SCSS 的嵌套、变量和混合功能让样式编写更加高效。

3. 图片压缩和自动上传

weapp-gulp 支持图片的自动压缩,并将压缩后的图片自动上传到七牛云或腾讯云。这样不仅节省了图片资源的加载时间,还简化了图片资源的管理和部署流程。

4. 封装 wx.request

类似 axios 的拦截器功能,weapp-gulp 封装了 wx.request,使得网络请求的处理更加简洁和灵活。开发者可以方便地进行请求和响应的拦截和处理。

5. 实时编译和多环境配置

weapp-gulp 支持实时编译,开发过程中所做的修改能够立即生效,提升开发效率。同时,支持多环境配置,开发者可以轻松地在不同环境之间进行切换,满足不同阶段的开发需求。

我的使用感受

在我看来,weapp-gulp 是一款非常强大且实用的小程序开发工具。它不仅提高了开发效率,还简化了很多繁琐的操作。特别是它的多环境配置和实时编译功能,让开发过程变得更加流畅和高效。

如果你正在寻找一个能够提升小程序开发效率的工具,我强烈推荐你试试 weapp-gulp。它的自动化构建和优化功能,一定会让你的小程序开发变得更加轻松和高效。赶快试试吧!

RPA
八爪鱼RPA
支持一键抓取公众号/小红书/抖音/淘宝数据
立即查看
流程自动化
付费
AI爆文训练营
图文变现友好赛道,低门槛、高上限,教你从0到1做个赚钱的公众号!
立即查看
躺着赚钱
¥149/年
何老师陪你做副业
这里聚焦AI副业、个人IP、自媒体运营、写作、赚钱案例。不哔哔,只分享有价值的副业项目。
立即查看
AI赚钱案例
限免
DeepSeek进阶教程
带你全面掌握DeepSeek应用技巧。提升工作、学习效率
立即查看
100万人学过
付费
网盘拉新实战教程
每周花费一小时,手把手教你赚网盘平台佣金
立即查看
500人学过
限时优惠
AiPPT
结合最新AI技术,为用户提供一键生成高质量PPT的解决方案。
立即查看
一键生成 PPT
免费
豆包MarsCode
一款免费的AI编程助手,全新支持DeepSeek R1/V3、豆包大模型1.5自由切换,免部署、更准确、更强大!
立即查看
AI编程助手
免费
Monica AI
Monica AI满血复活DeepSeek【免费】,提升您的聊天、搜索、写作和编程体验。
立即查看
一站式 AI 助手
云服务
腾讯云
综合性的云计算服务平台,现已接入DeepSeek,提供多样化的云解决方案
立即查看
高效可靠
云服务
阿里云
全球领先的云计算与数据服务平台,提供云服务器、存储、数据库、安全等多种服务
立即查看
多样化
编程学习
免费领取编程学习资料