webuild

零配置, 無侵入式的小程式開發工具

工欲善其事, 必先利其器

特性:

• 支援微信/支付寶小程式
• 零配置, 你所需要的, 都已經有了
• 無入侵. 相容原生開發方式. 不用更改一行程式碼.
• 支援引入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

範例

• Official: 官方小程式組件
• CNode: 試驗下的CNode 社區
• Icehome: 冰冰家純手工店小程式

Contributing

Contributing Guide

如果你覺得專案不錯，不要吝嗇你的star.

長期造輪子，歡迎follow.

Contributors

Axetroy ? ?

License