Y a-t-il des inconvénients à ne pas inclure les CSS prétraitées dans le paquet d'applications ?

Question

Je pense changer la tâche gulp processCSS que Aurelia CLI crée pour créer des fichiers css physiques, au lieu de les inclure directement dans l'app-bundle.

Y a-t-il des inconvénients majeurs dans le cadre d'Aurelia pour faire cela ?

Je suis plus à l'aise avec des fichiers css séparés après le prétraitement, mais je ne veux pas le faire si je dois renoncer à certains avantages en termes de performances ou si je dois créer d'autres problèmes par la suite.

Answer 1

Je ne pense pas qu'il y ait d'inconvénient majeur qui ne puisse être raisonnablement surmonté. Cependant, j'essaierais d'évaluer l'avantage de faire les choses à votre façon, au lieu de les regrouper.

Je vais énumérer quelques points qui me viennent à l'esprit, sans ordre particulier.

• Il peut être difficile de configurer correctement les modules et les chemins d'accès si vous avez besoin de CSS à partir de modules CSS autonomes. Si vous utilisez des fichiers CSS simples, vous devrez inclure et maintenir les balises Link dans votre page HTML hôte. Tout cela est plus facile si le CSS est intégré directement dans le paquet d'applications. En particulier lorsque vous ajoutez des CSS supplémentaires en raison de bibliothèques tierces, etc.
• si vous utilisez le modèle d'organisation dans lequel vous créez des fichiers css par composant au lieu d'avoir un fichier CSS monolithique, il y a un impact potentiel sur les performances en faisant des requêtes http pour chaque fichier css individuel, bien que l'impact soit probablement plus théorique que pratique.
• lors du déploiement, il est vraiment agréable de ne déployer qu'un nombre minimum de fichiers.
• lorsque toutes les feuilles de style CSS sont regroupées, vous pouvez ajouter des commentaires en haut de chaque fichier source CSS afin de faciliter l'identification du fichier source lorsque vous consultez les feuilles de style CSS dans l'inspecteur du navigateur.

Enfin, il peut être intéressant d'expérimenter le chargement du CSS de différentes manières, y compris sous forme de fichiers individuels, pour voir quelle méthode fonctionne le mieux dans votre environnement.