Lorsque j'utilise Express pour Node.js, j'ai remarqué qu'il produit le code HTML sans aucun caractère de nouvelle ligne ou de tabulation. Bien que cela puisse être plus efficace pour le téléchargement, ce n'est pas très lisible pendant le développement.
Comment puis-je faire en sorte qu'Express produise un HTML bien formaté ?
Dans votre principal app.js ou ce qui est à sa place :
Express 4.x
if (app.get('env') === 'development') {
app.locals.pretty = true;
}Express 3.x
app.configure('development', function(){
app.use(express.errorHandler());
app.locals.pretty = true;
});Express 2.x
app.configure('development', function(){
app.use(express.errorHandler());
app.set('view options', { pretty: true });
});J'ai mis le joli imprimé dans development parce que vous voudrez plus d'efficacité avec le "moche" en production . Assurez-vous de définir la variable d'environnement NODE_ENV=production lorsque vous déployez en production. Cela peut être fait avec un sh script que vous utilisez dans le champ 'script' de l'application package.json et exécuté pour commencer.
Express 3 modifié parce que :
Le paramètre "view options" n'est plus nécessaire, app.locals sont les variables locales fusionnées avec celles de res.render(), donc [app.locals.pretty = true est identique à passer res.render(view, { pretty : true }).
Cela a fonctionné, mais j'ai dû installer un certain nombre de dépendances supplémentaires, à savoir promise , uglify-js , css y lexical-scope avant qu'il ne fonctionne à nouveau (il se construit, mais se plante à la première demande). J'ai seulement ajouté cette ligne.
Il existe une option "joli" dans Jade même :
var jade = require("jade");
var jade_string = [
"!!! 5",
"html",
" body",
" #foo I am a foo div!"
].join("\n");
var fn = jade.compile(jade_string, { pretty: true });
console.log( fn() );...te donne ça :
<!DOCTYPE html>
<html>
<body>
<div id="foo">I am a foo div!
</div>
</body>
</html>Je n'ai pas l'air très sophistiqué mais pour ce que je cherche le la possibilité de déboguer le HTML que mes vues produisent - c'est très bien.
Si le débogage du HTML est tout ce que vous recherchez, vous pouvez toujours simplement "inspecter" le HTML en utilisant l'inspecteur de Webkit ou de Firebug. Cela génère toujours un arbre DOM parfaitement formaté.
Cela a fonctionné ici - merci ! Dans mon cas, je n'avais pas défini la variable 'env'. Vous pouvez l'ajouter au fichier principal .js avec cette seule ligne : process.env.NODE_ENV = 'development' ;
Avez-vous vraiment besoin d'un html joliment formaté ? Même si vous essayez de sortir quelque chose qui a l'air bien dans un éditeur, ça peut paraître bizarre dans un autre. Je ne sais pas pourquoi vous avez besoin du html, mais j'essaierais d'utiliser les outils de développement de chrome ou firebug pour Firefox. Ces outils vous donnent une bonne vue du DOM au lieu du html.
Si vous avez vraiment besoin d'un html bien formaté, essayez d'utiliser EJS au lieu de Jade. Cela signifie que vous devrez formater le code html vous-même.
Prograide est une communauté de développeurs qui cherche à élargir la connaissance de la programmation au-delà de l'anglais.
Pour cela nous avons les plus grands doutes résolus en français et vous pouvez aussi poser vos propres questions ou résoudre celles des autres.
