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

Bagaimanakah uniapp membungkus program kecil?

PHPz
Lepaskan: 2023-04-17 13:36:52
asal
2988 orang telah melayarinya

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
Salin selepas log masuk

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": {}
}
Salin selepas log masuk

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": {}
}
Salin selepas log masuk

Kemudian, kita boleh menggunakan arahan berikut untuk membungkus applet:

uni build --platform mp-weixin --watch
Salin selepas log masuk

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!

sumber:php.cn
Kenyataan Laman Web ini
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
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan