Puis-je importer une hébergé en externe fichier avec sass?

Utilisation de Sass (SCSS) /Compass, est-il possible d'importer un peu de CSS/SCSS dans votre code à partir d'un hébergés en externe fichier?

Je suis d'hébergement d'un plugin jQuery sur un CDN et veulent garder le CSS dans le même endroit, de sorte que je ne pas le perdre. Cependant, j'aimerais également avoir la possibilité d'être en mesure de tirer le CSS dans mon code et de le compiler dans mon CSS principale plutôt que de tirer un supplément de fichier CSS dans mon code HTML. Est-ce possible?

OriginalL'auteur Chisos Designs | 2013-06-05

  1. 10

    Sass ne sera pas compiler tous les fichiers à partir d'un emplacement distant, tous les fichiers doivent être accessibles depuis le système de fichiers (disque dur, lecteur réseau partagé, monté en voiture, etc.).

    Sass aussi ne pas compiler les fichiers CSS à tous les. https://github.com/nex3/sass/issues/556

    @import "my.css";

    Compile de

    @import "my.css";

    Peut-être que vous pourriez être intéressé par Boussole extensions?

    Votre réponse n'est pas vraiment la question. Il a été demandé s'il pouvait utiliser hébergé en externe CSS fichiers Sass, ce n'est pas rien sur les fichiers CSS. Je suis assez sûr que c'est à dessein que Sass ne pas compiler les fichiers CSS dans son fichier de sortie de toute façon.
    Peut-être que vous devriez relire la question: "j'aimerais aussi avoir la possibilité d'être en mesure de tirer le CSS dans mon code et de le compiler dans mon CSS principale". Je ne sais pas faire autre chose qui pourrait être interprété. L'emplacement du fichier est sans importance puisque vous obtenez les mêmes résultats. Actuellement, Sass ne pas faire ce qui est demandé.
    Votre commentaire n'est pas tout à fait correct. Sass va importer un .scss fichier directement dans le fichier cible, c'est à dire de compiler que si vous avez écrit le contenu importé directement à l'intérieur de ce fichier. Cependant, importés .css fichiers, url()s ou toute importation en commençant par http:// compiler comme @import. Cela signifie que vous avez encore de la requête HTTP supplémentaire que vous pourriez être en train d'essayer d'éliminer. L'emplacement est important.
    N'est-ce pas ce que j'ai dit? Importé des fichiers CSS ne sont pas compilées dans le fichier. Si le fichier CSS est local ou à distance n'est pas pertinente: le résultat est le même (vous obtenez un standard CSS @import énoncé dans la compilation des résultats). Télécommande Sass fichiers sont également pas compilé dans le fichier.
    Eh bien, je ne vois pas l'OP précisant Ruby-Sass, je ne vois pas de vous rendre explicite le fait que votre réponse est concentré sur Ruby-Sass et je ne suis pas tout à fait sûr que l'on peut considérer Ruby-Sass comme une sorte de norme canonique en ce qui concerne de Sass. J'irais même jusqu'à placer mon argent sur ce libsass est plus fréquemment utilisé que ruby-sass, peut-être en faire le standard de facto?

    OriginalL'auteur cimmanon

  2. 9

    Pour ceux d'entre vous qui sont venus ici à la recherche d'un moyen de l'importation d'un CDN comme sass @import j'ai trouvé la réponse ici: https://github.com/webpack-contrib/sass-loader/issues/246

    C'est comment vous le faites (à l'aide de bootstrap par exemple):

    styles.scss

    @import url("https://maxcdn.bootstrapcdn.com/bootstrap/latest/css/bootstrap.min.css");
    Les guillemets sont inutiles à l'intérieur de url(...), sauf si vous avez intégré des citations ou d'autres étrangeté.

    OriginalL'auteur RyanNerd

  3. 6

    Bien sûr que vous pouvez. Dans ce contexte, il fonctionne exactement comme la norme CSS @import règle. Juste lui donner une URL à la CAN-hébergé fichier CSS.

    http://sass-lang.com/documentation/file.SASS_REFERENCE.html#import

    Ai-je raté quelque chose ou est-ce que votre lien explicitement dire que c'est pas possible?
    Sass s'étend le CSS @import règle pour autoriser l'importation SCSS et Sass fichiers. De même, tous les SCSS et Sass fichiers seront fusionnés en un seul CSS fichier de sortie. En outre, toutes les variables ou mixin définis dans les fichiers importés peuvent être utilisés dans le fichier principal.
    "alors que @import "http://foo.com/bar"; de dresser à @import "http://foo.com/bar"; ". Si vous importez un hébergés en externe Sass/SCSs fichier, l'importation sera compilé dans le résultat final, comme si c'était un CSS à l'importation.

    OriginalL'auteur Vince

  4. 2

    Oui, vous pouvez importer des externe fichier css à l'aide PostCSS Import URL du Plugin. Il va tirer le CSS externe dans votre code, de sorte que vous pouvez compiler dans votre CSS principale.

    OriginalL'auteur Ihor Zenich