Partage de technologie

한어Русский языкEnglishFrançaisIndonesianSanskrit日本語DeutschPortuguêsΕλληνικάespañolItalianoSuomalainenLatina

projet vue-cli

1. Installer npm i compression-webpack-plugin -D

npm i compression-webpack-plugin -D
1

2. Utilisation : dans le fichier vue.config.js

const CompressionPlugin = require('compression-webpack-plugin')
module.exports = {
    configureWebpack: {
        plugins: [
            new CompressionPlugin({
                test: /.js$|.html$|.css/,
                threshold: 10240 // 只处理比这个值大的资源。按字节计算 设置的是 10kb
            })
        ]
    }
}

1
2
3
4
5
6
7
8
9
10
11
12

Vous pouvez voir que le fichier de 1,2 million de fournisseurs a été compressé à 295 Ko et que la vitesse d'exécution de la page Web a été améliorée 3.
Il peut être ouvert dans le cadre de l'art.
Si le style n'est pas reconnu, le fichier CSS ne sera pas compressé. Cette fonction nécessite que gzip soit activé sur le backend pour reconnaître ces fichiers.