webuild

Alat pengembangan program mini tanpa konfigurasi dan tidak mengganggu

Jika seorang pekerja ingin melakukan pekerjaannya dengan baik, ia harus mengasah peralatannya terlebih dahulu

ciri:

• Mendukung program mini WeChat/Alipay
• Konfigurasi nol, semua yang Anda butuhkan sudah ada
• Tidak ada intrusi. Kompatibel dengan metode pengembangan asli.
• Mendukung pengenalan modul NPM
• Mendukung ES2015, ES2016, ES2017...
• Kompres JS dengan kuat, sangat menghemat ukuran paket.
• Mendukung kompresi gambar, jpg/jpeg/mozjpeg/png/gif/webp/svg
• Kompresi WXSS/WXML/JSON
• Dukungan menggunakan css/sass/less sebagai ganti wxss, xml sebagai ganti wxml
• Kompres WXSS/WXML berdasarkan AST (ganti className dengan 1 karakter)
• Mendukung variabel lingkungan process.env , dengan NODE_ENV secara default. Anda juga dapat menyesuaikan variabel WEBUILD_XX

Proyek ini adalah alat pengembangan, bukan kerangka program kecil .

Memasang

npm install @axetroy/webuild -g

mulai cepat

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

Cara menggunakan

Asumsikan bahwa direktori proyek applet Anda

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

Buat direktori src, letakkan kode sumber proyek program mini di direktori src, dan jalankan

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

# 发布项目
webuild build

Kode sumber src telah dikompilasi ke dalam direktori dist.

Buka alat pengembang WeChat/Alipay dan muat direktori dist

Perlu mematikan opsi ES6转ES5

baris perintah

$ 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

Contoh

• Resmi: Komponen program mini resmi
• CNode: Komunitas CNode eksperimental
• Icehome: applet toko kerajinan tangan murni Bingbingjia

Berkontribusi

Panduan Berkontribusi

Jika menurut Anda proyeknya bagus, jangan pelit dengan bintang Anda.

Saya sudah lama membuat roda, selamat mengikuti.

Kontributor

Axetroy ?

Lisensi