/webuild

零配置, 无侵入式的小程序开发工具

Primary LanguageJavaScriptApache License 2.0Apache-2.0

零配置, 无侵入式的小程序开发工具

Build Status Dependency Prettier Node npm version License

工欲善其事, 必先利其器

特性:

  • 支持微信/支付宝小程序
  • 零配置, 你所需要的, 都已经有了
  • 无入侵. 兼容原生开发方式. 不用更改一行代码.
  • 支持引入 NPM 模块
  • 支持 ES2015, ES2016, ES2017...
  • 强力压缩 JS, 极大节省包体积.
  • 支持图片压缩, jpg/jpeg/mozjpeg/png/gif/webp/svg
  • WXSS/WXML/JSON 压缩
  • 支持使用css/sass/less代替wxss，xml代替wxml
  • 基于 AST 压缩 WXSS/WXML(把 className 替换成 1 个字符)
  • 支持环境变量process.env, 默认有NODE_ENV. 也可以自定义变量WEBUILD_XX

该项目为开发工具, 不是小程序框架.

安装

npm install @axetroy/webuild -g

快速开始

webuild init my-mini-app
cd my-mini-app
npm start

如何使用

假设你的小程序项目目录

.
├── app.css
├── app.js
├── app.json
└── pages
    ├── detail
    │   ├── index.css
    │   ├── index.js
    │   └── index.xml
    └── index
        ├── index.css
        ├── index.js
        └── index.xml

创建一个src目录，并且把小程序项目源码放在src目录下， 并且运行

# 运行命令, 监听文件变化并打包编译
webuild dev

# 发布项目
webuild build

源码 src 已被编译至 dist 目录.

打开微信/支付宝开发者工具, 加载 dist 目录即可

需要关闭 ES6转ES5 选项

命令行

$ webuild --help

   webuild 0.3.5 - 零配置无侵入式的微信小程序开发工具
     
   USAGE

     webuild <command> [options]

   COMMANDS

     init <name>         初始化一个新项目                   
     dev                 以开发模式运行                     
     build               构建生产模式                       
     help <command>      Display help for a specific command

   GLOBAL OPTIONS

     -h, --help         Display help                                      
     -V, --version      Display version                                   
     --no-color         Disable colors                                    
     --quiet            Quiet mode - only displays warn and error messages
     -v, --verbose      Verbose mode - will also output debug messages

Example

  • Official: 官方小程序组件
  • CNode: 试验下的 CNode 社区
  • Icehome: 冰冰家纯手工店小程序

Contributing

Contributing Guide

如果你觉得项目不错，不要吝啬你的 star.

长期造轮子，欢迎 follow.

Contributors


Axetroy
💻 🐛 🎨

License

FOSSA Status