Puis-je importer un fichier hébergé en externe avec sass?
En utilisant Sass (SCSS)/Compass, est-il possible d'importer du CSS/SCSS dans votre code à partir d'un fichier hébergé en externe?
J'héberge un plugin jQuery sur un CDN et je souhaite conserver le CSS au même endroit afin de ne pas le perdre. Cependant, j'aimerais également avoir la possibilité de pouvoir extraire le CSS dans mon code et de le faire compiler dans mon CSS principal plutôt que d'extraire un fichier CSS supplémentaire dans mon HTML. Est-ce possible?
Pour ceux d'entre vous qui sont venus ici à la recherche d'un moyen d'importer un CDN en tant que sass @import J'ai trouvé la réponse ici: https://github.com/webpack-contrib/sass-loader/issues/246
Voici comment vous le faites (en utilisant bootstrap comme exemple):
styles.scss
@import url("https://maxcdn.bootstrapcdn.com/bootstrap/latest/css/bootstrap.min.css");
Sass ne compilera aucun fichier à partir d'un emplacement distant , tous les fichiers doivent être accessibles à partir du système de fichiers (disque dur local, lecteur réseau partagé, lecteur monté, etc. .).
Sass ne compile pas du tout de fichiers CSS . https://github.com/nex3/sass/issues/556
@import "my.css";
Compile vers
@import "my.css";
Peut-être que vous pourriez être intéressé par extensions Compass ?
Vous pouvez certainement. Dans ce contexte, il fonctionne exactement comme le standard CSS @import règle. Donnez-lui simplement une URL vers le fichier CSS hébergé par CDN.
http://sass-lang.com/documentation/file.SASS_REFERENCE.html#import
Oui, vous pouvez importer un fichier css externe en utilisant PostCSS Import URL Plugin . Il tirera le CSS externe dans votre code, vous pourrez donc le compiler dans votre CSS principal.