Quand je réduis css ou js, pourquoi tout n'est pas sur une seule ligne ?

Question

J'ai cru comprendre que la miniaturisation tente de réduire la taille des fichiers en supprimant les caractères d'espacement. Parfois, les choses se retrouvent sur une seule ligne, mais le plus souvent, il y a plusieurs lignes. J'ai remarqué que les sauts de ligne se produisent partout où il y a des espaces. Ne serait-il pas préférable que tout soit sur une seule ligne ?

Answer 1

En JavaScript, un saut de ligne peut signifier la fin d'une déclaration (à la place de la balise ; ). Le fait de tout mettre sur une seule ligne peut donc entraîner des problèmes de fonctionnement du code.

Je suppose que cela dépend du minimiseur que vous utilisez, mais cela pourrait être une raison. Je pense que le minimiseur essaiera de tenir compte de ce facteur et de mettre des points-virgules là où il le peut, mais cette capacité peut varier énormément d'un minimiseur à l'autre.

Answer 2

Si vous utilisez yuicompressor-maven-plugin, vous risquez de rencontrer ce problème. Le plugin YUI compressor possède une option linebreakpos pour laquelle la valeur par défaut est zéro. Si vous lisez la description de l'utilisation de cette option par la bibliothèque originale du compresseur YUI à l'adresse cette page vous remarquerez qu'une valeur de zéro pour cette valeur signifie qu'une nouvelle ligne sera émise après une règle CSS ou un point-virgule en javascript.

Heureusement, en jetant un coup d'œil à la mise en œuvre suggère une solution de contournement facile. Il suffit de spécifier une valeur inférieure à 0 et tout devrait bien se passer.

Answer 3

Étant donné le manque d'exemples de code et d'informations sur la façon dont la minification est effectuée, je dirais que c'est la meilleure solution : Ce que vous utilisez pour afficher le code effectue le word wrapping et il n'y a pas vraiment de nouvelles lignes.