littlebot
Published on 2025-04-13 / 0 Visits
0

【源码】基于webpack和babel的微信支付宝小程序开发脚手架

项目简介

本项目是一个运用webpack、babel和scss开发的微信/支付宝小程序项目脚手架,简化了小程序开发流程,有效提升开发效率,能让开发者更便捷地创建、开发和测试微信及支付宝小程序。

项目的主要特性和功能

  1. 支持引入node_modules模块,方便使用第三方库。
  2. 可配置alias,避免复杂模块引用路径。
  3. 利用babel支持丰富ES6特性,如async/await。
  4. 内置promise和lodash,按需引入避免全局污染。
  5. 允许用scss编写wxss文件,提供实用mixins和extends。
  6. 提供__DEV__和process.env.NODE_ENV全局常量辅助开发。
  7. 支持自动编译成微信和支付宝小程序。
  8. 提供__WECHAT__和__ALIPAY__全局常量,用于判断运行环境。
  9. 具备命令行工具,可快速创建微信小程序页面。
  10. 支持在production环境下压缩代码以减小体积。

安装使用步骤

  1. 确保已安装Node.js (>= v4.2) 和yarn或npm,将项目代码复制到本地。
  2. 使用命令行工具进入项目目录,执行 yarnnpm install 安装依赖模块。
  3. 执行 yarn startyarn start:alipay 开始开发,工具会自动监听文件变化并重新编译。
  4. 若开发微信小程序,通过微信开发者工具将 dist/wechat 目录添加到项目;若开发支付宝小程序,对应添加 dist/alipay 目录。

下载地址

点击下载 【提取码: 4003】【解压密码: www.makuang.net】