Discussion :

[Songbird]

Lorsque je route l’une de mes pages, le code HTML généré par Pug est minifié (les whitespace sont supprimés, tout du moins). Même en assignant "development" à NODE_ENV, Express ne semble pas changer quoi que ce soit lorsqu’il passe la main au préprocesseur. Je me retrouve donc avec du code HTML prêt pour de la production mais assez peu lisible.

Quelqu’un aurait déjà rencontré ce problème ? Si oui, auriez-vous une idée pour le résoudre ?

Merci d’avance !

Version utilisée d’Express: 4.16.0

[NoSmoking]

Bonjour,
as tu regardé l'explication fournie : Whitespace Control et la solution recommandée ?

[tsuji]

On peut le faire comme ça : quelque part avant la (dernière) ligne de module.exports dans l'application app.js, on met une ligne comme ceci...

Code node.js :

Sélectionner tout - Visualiser dans une fenêtre à part

app.locals.pretty=app.get('env')==='development'?true:false;

avec app, bien entendu, etant require('express')() comme souvent écrit.

Pour l'application auto-générée, avant l'y mettre, on a la source de la page comme ceci.

et après on a ceci.

Voilà l'effet.

[Songbird]

Salut,

Bonjour,
as tu regardé l'explication fournie : Whitespace Control et la solution recommandée ?

Ce n'est pas l'indentation de la source qui pose problème mais le comportement du transpilateur qui produit un html préparé pour la production. J'ai remarqué qu'il y avait un argument pretty mais étant très débutant avec Express, je ne savais pas comment accéder à ses arguments et les modifier pour que le framework prenne tout ça en compte.

On peut le faire comme ça : quelque part avant la (dernière) ligne de module.exports dans l'application app.js, on met une ligne comme ceci...

Code node.js :

Sélectionner tout - Visualiser dans une fenêtre à part

app.locals.pretty=app.get('env')==='development'?true:false;

avec app, bien entendu, etant require('express')() comme souvent écrit.

Pour l'application auto-générée, avant l'y mettre, on a la source de la page comme ceci.
[...]
et après on a ceci.
[...]
Voilà l'effet.

Génial, je viens de faire la modification de mon côté et tout fonctionne. C'est bien plus pratique que la console lorsqu'on ne veut pas voir les injections de balises faites par JS.

Merci à vous deux, bonne journée !