13 Star 32 Fork 9

caomei-studio / wxapp-boilerplate

加入 Gitee
与超过 1200万 开发者一起发现、参与优秀开源项目,私有仓库也完全免费 :)
免费加入
该仓库未声明开源许可证文件(LICENSE),使用请关注具体项目描述及其代码上游依赖。
克隆/下载
贡献代码
同步代码
取消
提示: 由于 Git 不支持空文件夾,创建文件夹后会生成空的 .keep 文件
Loading...
README

wxapp-boilerplate

使用 webpack, babel, scss 开发的微信/支付宝小程序项目脚手架

功能

  • 支持引用 node_modules 模块
  • 支持通过配置 alias 来避免 ../../../ 之类的模块引用
  • 通过 babel 支持更丰富的 ES6 兼容,包括 async/await
  • 内置 promiselodashlodash 按需引入相应模块,不会全部引入)
  • 使用 scss 编写 .wxss 文件,内置了一些有用的 mixinsextends
  • 提供 __DEV__process.env.NODE_ENV 全局常量辅助开发
  • 支持自动编译为微信和支付宝小程序
  • 提供 __WECHAT____ALIPAY__ 全局常量来判断是微信小程序或支付宝小程序
  • 通过命令行快速创建微信小程序页面
  • 支持在 production 环境下压缩代码
  • eslint 使用 Airbnb 风格

开始使用

确保安装了 Node.js (>= v4.2) 和 yarnnpm

  1. git clone 此项目
# project-name 改为项目名字
git clone git@gitee.com:caomei-studio/wxapp-boilerplate.git --depth 1 project-name
  1. 增加caomei私库
npm set @caomei:registry=http://116.62.56.115:4873
  1. 执行 yarn / npm 安装依赖模块
  2. 执行 yarn start / npm start 开始开发
  3. 通过微信开发者工具,添加 dist/wechat 目录到项目上

内置命令

  • yarn start 启动 webpack 开发微信小程序项目,能监听文件变化自动重新编译
  • yarn start:alipay 启动 webpack 开发支付宝小程序项目,能监听文件变化自动重新编译
  • yarn build 编译生成 production 环境的代码到 dist/wechatdist/alipay
  • yarn create-page 快速创建微信小程序页面(更多 create-page 的用法,请查看 create-wxapp-page

兼容微信和支付宝小程序

开发者可以选择一套源代码来开发微信和支付宝小程序,这脚手架支持自动编译 wxmlaxml,转换 wx:attra:attr,转换 API wxmy,反之亦然。但个别接口在平台上也略有差异,开发者可以通过 __WECHAT____ALIPAY__ 来动态处理。

更新日志

Changelog

相关项目

License

MIT

空文件

简介

使用 webpack, babel, scss 开发的微信/支付宝小程序项目脚手架 展开 收起
JavaScript 等 2 种语言
取消

发行版

暂无发行版

贡献者

全部

近期动态

加载更多
不能加载更多了
JavaScript
1
https://gitee.com/caomei-studio/wxapp-boilerplate.git
git@gitee.com:caomei-studio/wxapp-boilerplate.git
caomei-studio
wxapp-boilerplate
wxapp-boilerplate
master

搜索帮助

14c37bed 8189591 565d56ea 8189591