webuild

Zero-configuration, non-intrusive mini program development tool

If a worker wants to do his job well, he must first sharpen his tools

characteristic:

• Support WeChat/Alipay mini program
• Zero configuration, everything you need is already there
• No intrusion. Compatible with native development methods. No need to change a line of code.
• Support the introduction of NPM module
• Support ES2015, ES2016, ES2017...
• Powerfully compress JS, greatly saving package size.
• Support image compression, jpg/jpeg/mozjpeg/png/gif/webp/svg
• WXSS/WXML/JSON compression
• Support using css/sass/less instead of wxss, xml instead of wxml
• Compress WXSS/WXML based on AST (replace className with 1 character)
• Supports environment variable process.env , with NODE_ENV by default. You can also customize the variable WEBUILD_XX

This project is a development tool, not a small program framework .

Install

npm install @axetroy/webuild -g

quick start

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

How to use

Assume that your applet project directory

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

Create a src directory, put the mini program project source code in the src directory, and run

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

# 发布项目
webuild build

The source code src has been compiled into the dist directory.

Open the WeChat/Alipay developer tools and load the dist directory

Need to turn off ES6转ES5 option

command line

$ 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: Official mini program component
• CNode: Experimental CNode community
• Icehome: Bingbingjia pure handicraft shop applet

Contributing

Contributing Guide

If you think the project is good, don’t be stingy with your star.

I have been building wheels for a long time, welcome to follow.

Contributors

Axetroy ? ?

License