Unduhan wxapp boilerplate - unduhan kode sumber wxapp boilerplate

wxapp boilerplate

Kode Sumber AI

1.0.0

Unduh

wxapp-boilerplate

Perancah proyek program mini WeChat/Alipay dikembangkan menggunakan webpack , babel , scss

Fungsi

Mendukung referensi modul node_modules
Mendukung konfigurasi alias untuk menghindari referensi modul seperti ../../../
Mendukung kompatibilitas ES6 yang lebih kaya melalui babel , termasuk async/await
promise dan lodash bawaan ( lodash memperkenalkan modul yang sesuai sesuai permintaan, tidak semua)
Gunakan scss untuk menulis file .wxss , dengan beberapa mixins yang berguna dan extends bawaan
Berikan konstanta global __DEV__ dan process.env.NODE_ENV untuk membantu pengembangan
Mendukung kompilasi otomatis ke dalam applet WeChat dan Alipay
Berikan konstanta global __WECHAT__ dan __ALIPAY__ untuk menentukan apakah itu applet WeChat atau applet Alipay
Buat halaman applet WeChat dengan cepat melalui baris perintah
Mendukung kompresi kode di lingkungan production

Mulailah

Pastikan Anda telah menginstal Node.js (>= v4.2 ) dan benang atau npm

git clone proyek ini
Gunakan alat baris perintah cd ke direktori ini dan jalankan yarn untuk menginstal modul dependen.
Jalankan yarn start untuk memulai pengembangan
Melalui alat pengembang WeChat, tambahkan direktori dist/wechat ke proyek

Perintah bawaan

yarn start memulai webpack untuk mengembangkan proyek applet WeChat, yang dapat memantau perubahan file dan mengkompilasi ulang secara otomatis
yarn start:alipay memulai webpack untuk mengembangkan proyek applet Alipay, yang dapat memantau perubahan file dan mengkompilasi ulang secara otomatis
yarn build mengkompilasi dan menghasilkan kode untuk lingkungan production ke dist/wechat dan dist/alipay
yarn lint:build mengeksekusi perintah yarn build dan menggunakan eslint dan stylelint untuk memverifikasi spesifikasi kode
yarn prettier mengeksekusi prettier untuk memformat kode di direktori src
yarn create-page dengan cepat membuat halaman applet WeChat (untuk penggunaan lebih lanjut dari create-page , silakan lihat halaman buat-wxapp)

Kompatibel dengan program mini WeChat dan Alipay

Pengembang dapat memilih serangkaian kode sumber untuk mengembangkan applet WeChat dan Alipay. Scaffolding ini mendukung kompilasi otomatis wxml ke axml , konversi wx:attr ke a:attr , konversi API wx ke my , dan sebaliknya. Namun, masing-masing antarmuka sedikit berbeda pada platform, dan pengembang dapat menanganinya secara dinamis melalui __WECHAT__ atau __ALIPAY__ .

Salinan berkas

Jika wxml atau axml memiliki file yang diimpor secara dinamis (seperti src="{{'images/' + type + '.png'}}" ), webpack tidak akan dapat mengimpornya secara dinamis, sehingga mungkin ada file yang hilang setelah pengemasan .

Jika Anda mengalami situasi ini, Anda dapat menyelesaikannya melalui copy-webpack-plugin dan menyalin seluruh direktori images ke dist .

Plugin ini sudah memiliki plug-in yang terpasang di perancah ini. Untuk kemudahan penggunaan, Anda juga dapat menambahkan array string copyWebpack ke package.json untuk menyalin direktori atau file secara otomatis. Misalnya:

paket.json

 {
  // ...
  "copyWebpack" : [ "images" , "icons" ]
}

Dengan menjalankan yarn start atau yarn build , direktori src/images dan src/icons akan secara otomatis disalin ke direktori dist/wechat/images dan dist/wechat/icons (hal yang sama berlaku untuk applet Alipay).