Rumah > Artikel > hujung hadapan web > Bagaimanakah uniapp membungkus program kecil?
Dengan populariti program mini, semakin ramai pembangun cuba menggunakan uniapp untuk pembangunan, kerana uniapp boleh dibungkus ke dalam aplikasi untuk berbilang platform pada masa yang sama, termasuk program mini. Jadi, bagaimanakah uniapp membungkus program kecil?
Pertama, kita perlu memasang pakej pergantungan yang sepadan dalam projek uniapp. Dalam direktori akar projek, jalankan arahan berikut:
npm install @dcloudio/uni-cli -g
Selepas pemasangan selesai, kami perlu menambah fail konfigurasi applet pada projek. Dalam direktori akar projek, cipta fail bernama project.config.json
dan tambah kandungan berikut:
{ "miniprogramRoot": "dist/wx/", "cloudfunctionRoot": "cloudfunctions/", "setting": { "urlCheck": false, "es6": true, "postcss": true, "minified": true, "newFeature": true, "nodeModules": true, "autoAudits": false, "uglifyFileName": true, "checkInvalidKey": true, "checkSiteMap": true, "uploadWithSourceMap": true, "compileHotReLoad": false, "useMultiFrameRuntime": true }, "appid": "yourAppId", "projectname": "yourProjectName", "condition": {} }
di mana, miniprogramRoot
mewakili direktori output program mini selepas pembungkusan. Dalam contoh ini, kami mengeluarkan fail pakej program mini ke direktori dist/wx/
. appid
mewakili AppID program mini dan projectname
mewakili nama projek.
Seterusnya, kita perlu menambah maklumat konfigurasi applet dalam fail manifest.json
. Tambahkan kandungan berikut dalam nod manifest.json
fail mp-weixin
:
"mp-weixin": { "appid": "yourAppId", "projectname": "yourProjectName", "condition": {} }
Kemudian, kita boleh menggunakan arahan berikut untuk membungkus applet:
uni build --platform mp-weixin --watch
di mana, parameter --platform
Menunjukkan platform pembungkusan, di sini kami memilih program kecil; parameter --watch
menunjukkan pemantauan masa nyata perubahan fail dan pembungkusan dalam mod pembangunan.
Selepas pembungkusan selesai, kita boleh mencari folder pembungkusan program mini dalam direktori dist/wx/
, yang mengandungi semua kod dan sumber program mini. Perlu diingat bahawa jika ralat berlaku semasa proses pembungkusan, anda boleh menggunakan parameter --debug
untuk mencetak maklumat ralat terperinci.
Ringkasnya, sangat mudah untuk menggunakan uniapp untuk membungkus program kecil Selepas menambah beberapa maklumat konfigurasi, hanya beberapa arahan mudah diperlukan untuk melengkapkan pembungkusan. Jika anda seorang pembangun yang berpengalaman, applet pembungkusan pasti tidak akan menjadi masalah.
Atas ialah kandungan terperinci Bagaimanakah uniapp membungkus program kecil?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!