Comment faites-vous utiliser des feuilles de style .styl (par opposition à Css)

Question

Espérons que ce n'est pas une prise question stupide que je ne trouve pas au bout de 30 minutes de recherche sur Google et ramper forum

je suis arrivé ce paquet NPM (ag-grid) et toute leur documentation fait référence aux fichiers .css mais le paquet ne contient que des fichiers .styl. Je n'ai jamais rencontré de fichiers .styl et le net les mentionne de manière clairsemée comme une sorte de langage de script css.

Comment puis-je soit a) les utiliser comme je le ferais un Css ou b) les convertir facilement Css?

Answer 1

.styl Les fichiers sont pour un langage de prétraitement CSS appelé Stylus. Stylet facilite l'écriture de grandes quantités de CSS (Tout comme LESS et SCSS/SASS si vous les avez déjà vues).

Vous pouvez compiler .styl dans le vieux .css en passant par task runners, nœud et même une application graphique.

• Ce poste décrit plus de l'automatisation par le noeud: Setting up auto compile for stylus
• Sinon, vous pouvez compiler manuellement une fois et de les utiliser dans votre projet (si vous ne comptez pas sur la modification du CSS). Si vous le souhaitez, vous pouvez même utiliser une interface graphique pour gérer ces types de fichiers tels que PrePros, un outil gratuit et facile à utiliser pour la compilation de CSS (et bien plus!) Qui nécessite un prétraitement.