Rumah >hujung hadapan web >uni-app >Bagaimanakah uniapp membungkus program kecil?

Bagaimanakah uniapp membungkus program kecil?

PHPz
PHPzasal
2023-04-17 11:29:552964semak imbas

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!

Kenyataan:
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn