Apakah yang perlu saya lakukan jika saiz uniapp yang dibungkus ke dalam program kecil terlalu besar?

Dengan pembangunan Internet mudah alih, program mini telah menjadi pilihan semakin banyak perusahaan dan pembangun. Sebagai rangka kerja pembangunan berbilang terminal, uniapp semakin digemari oleh pembangun. Walau bagaimanapun, dalam proses menggunakan uniapp untuk membangunkan program kecil, ramai pembangun telah menghadapi masalah yang sama - program kecil yang dibungkus adalah terlalu besar. Jadi, bagaimana kita menyelesaikan masalah ini?

Pertama sekali, anda perlu memahami bahawa apabila uniapp membungkus applet, ia akan membungkus kod semua platform ke dalam satu fail. Ini akan menyebabkan saiz program mini menjadi lebih besar, dan pengguna perlu menggunakan lebih banyak data semasa memuat turun program mini, yang menjejaskan pengalaman pengguna. Oleh itu, kita perlu mengambil beberapa langkah untuk mengurangkan saiz program mini.

1. Konfigurasikan fail konfigurasi binaan

Dalam projek uniapp, kami boleh mengurangkan saiz program mini dengan mengkonfigurasi fail konfigurasi binaan vue.config.js. Kaedah khusus adalah seperti berikut:

(1) Dayakan pembinaan berbilang benang

Tambah konfigurasi berikut dalam fail vue.config.js:

parallel: require('os').cpus().length > 1

Ini akan membolehkan pembinaan berbilang benang dan menambah baik Meningkatkan kelajuan larian dan mengurangkan saiz fail.

(2) Mampatkan kod

Tambah konfigurasi berikut dalam fail vue.config.js:

configureWebpack: {
    optimization: {
        minimizer: [
            new TerserPlugin({
                terserOptions: {
                    compress: {
                        warnings: false,
                        drop_console: true, // 生产环境移除console
                        drop_debugger: true // 生产环境移除debugger
                    },
                    output: {
                        // 最紧凑的输出
                        beautify: false,
                        // 删除所有的注释
                        comments: false
                    }
                }
            })
        ]
    },
    plugins: [...]
}

Dengan cara ini anda boleh menggunakan pemalam TerserPlugin untuk pemampatan kod, dengan itu mengurangkan saiz Fail.

(3) Gunakan CDN untuk memperkenalkan perpustakaan pihak ketiga

Tambah konfigurasi berikut dalam fail vue.config.js:

configureWebpack: {
    externals: {
        'vue': 'Vue',
        'vant': 'vant'
    },
    plugins: [...]
}

Dengan cara ini anda boleh menggunakan CDN untuk memperkenalkan perpustakaan pihak ketiga, kurang Saiz fail kecil.

2. Alih keluar komponen dan pemalam yang tidak diperlukan

Apabila membangunkan applet uniapp, kadangkala kami akan memperkenalkan beberapa komponen dan pemalam yang tidak diperlukan, yang juga akan menyebabkan aplikasi Saiz daripada program meningkat. Oleh itu, apabila pembungkusan, kami boleh mengalih keluar komponen dan pemalam yang tidak diperlukan daripada projek dan mengurangkan saiz aplikasi. Sebagai contoh, anda boleh menggunakan pemalam webpack-bundle-analyzer untuk menganalisis saiz fail yang dibungkus, mengetahui fail mana yang menduduki bahagian yang lebih besar dan seterusnya mengoptimumkan kod tersebut.

3. Gunakan pembangunan awan program mini

Jika program mini berpakej masih bersaiz terlalu besar, anda boleh mempertimbangkan untuk menggunakan pembangunan awan program mini. Pembangunan awan program mini boleh meletakkan logik perniagaan aplikasi dalam awan, menjadikan program mini lebih kecil dalam saiz Ia juga boleh meningkatkan kecekapan pembangunan dan kelajuan berjalan, dan meningkatkan pengalaman pengguna.

Ringkasnya, masalah uniapp terlalu besar apabila dibungkus ke dalam program mini boleh diselesaikan dengan mengkonfigurasi fail konfigurasi binaan, mengalih keluar komponen dan pemalam yang tidak diperlukan, dan menggunakan pembangunan awan program mini. Pembangun boleh memilih kaedah di atas secara fleksibel mengikut keperluan sebenar.

Atas ialah kandungan terperinci Apakah yang perlu saya lakukan jika saiz uniapp yang dibungkus ke dalam program kecil terlalu besar?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!