Compartir tecnología

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

proyecto vue-cli

1. Instale npm i compresión-webpack-plugin -D

npm i compression-webpack-plugin -D
1

2. Uso: en el archivo 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

Puede ver que el archivo de proveedores de 1,2 millones se ha comprimido a 295 k y se ha mejorado la velocidad de ejecución de la página web 3.
Se puede abrir en s.
Si no se reconoce el estilo, el archivo CSS no se comprimirá. Esta función requiere que gzip esté habilitado en el backend para reconocer dichos archivos.