Servir la page gzip html dans le noeud

Question

J'utilise webpack-compression-plugin pour compresser tous mes fichiers statiques et fichiers hml avant le format gzip et brotli. Si le navigateur le supporte, j'utilise brotli, sinon gzip et la dernière option est le fichier original. Donc, je voudrais avoir quelque chose comme ça par exemple après le regroupement. Sur le serveur, j'utilise express-static-gzip pour servir les fichiers statiques et tout fonctionne correctement. Tous les actifs statiques de mes clients sont compressés et servis comme ça.

import expressStaticGzip from 'express-static-gzip' 
const app: Express = new Express() 
process.env.PWD = process.cwd() 

app.set('view engine', 'ejs') 
app.set('views', path.join(process.env.PWD + '/src/server/views')) 

app.use(expressStaticGzip(path.join(process.env.PWD + '/src/dist'), {indexFromEmptyFile: false, enableBrotli: true, maxAge: '1y'})) 

app.use((req, res, next) => { 
    res.set('Cache-Control', 'no-cache') 
    return next() 
}) 

/* Use server side rendering for first load */ 
app.use(appRenderer) 

// Routes 
app.get('*', (req, res) => { 
    res.render('index') 
}) 

app.listen(PORT,() => { 
    console.log(` 
    Express server is up on port ${PORT} 
    Production environment 
    `) 
}) 

Le problème que j'ai est avec mon fichier html, root. Bien que j'en ai aussi la version gzip et br, elle n'est pas servie comme ça. Je le fais en regroupant le code côté serveur. Le module de compression Express ne fonctionne pas et je veux également une compression statique. Je n'utilise pas nginx.

Answer 1

Avec l'aide de ce plugin et comme cela a été suggéré here je l'ai eu à travailler

Mon code: Assurez-vous que vous avez .js et .css pré-gzip fichiers

const checkForHTML = req => { 
    const url = req.url.split('.'); 
    const extension = url[url.length -1]; 

    if (['/'].indexOf(extension) > -1) { 
     return true; //compress only .html files sent from server 
    } 

    return false; 
}; 

var compress = require('compression'); 
app.use(compress({filter: checkForHTML})); 

const encodeResToGzip = contentType => (req, res, next) => { 
    req.url = req.url + '.gz'; 
    res.set('Content-Encoding', 'gzip'); 
    res.set('Content-Type', contentType); 

    next(); 
}; 

app.get("*.js", encodeResToGzip('text/javascript')); 
app.get("*.css", encodeResToGzip('text/css')); 

Je voulais que la compression se produise seulement pour .html parce que j'utilise le modèle .ejs, donc j'ai besoin de compresser .html à l'exécution. La compression de fichiers statiques (js/css) en utilisant express compression n'est pas une bonne idée car elle le fera à chaque requête et ce sont des fichiers statiques. Ou bien, mettre en cache vos résultats comme suggéré here

Une autre solution utilisant nginx, comme vous l'avez posté dans vos commentaires semble également agréable.