web-dev-qa-db-fra.com

Importer un fichier CSS normal dans un fichier SCSS, mais?

import im dans scss @import "./libs/bootstrap-select.css";

après la construction donnée @import url(./libs/bootstrap-select.css);

j'ai besoin de code css dans le fichier

si import dans scss @import "./libs/bootstrap-select"; norm, mais

DEPRECATION WARNING on line 1, column 8 of /libsass/test.scss: Including .css files with @import is non-standard behaviour which will be removed in future versions of LibSass. Use a custom importer to maintain this behaviour. Check your implementations documentation on how to create a custom importer.

3
aloky

Je viens de trouver une solution de contournement pratique pour ce problème. Renommez simplement votre fichier .css en un fichier .scss et importez-le à la place, en vous assurant de mettre à jour votre instruction import pour référencer le fichier avec la nouvelle extension .scss . L'avertissement disparaît :)

3
Matty J

La dernière implémentation de LibSass nous avertit d’un changement imminent dans le but de nous en tenir aux normes sass et dit principalement que vous devez diriger le code sass/scss pour "charger" votre fichier css standard au lieu de l’importer en ligne pour en faire partie d’un fichier css unique, cela ne fonctionnera plus ainsi, bien sûr, c’est juste un avertissement pour l’instant, mais dans un futur proche, ils supprimeront cette fonctionnalité, qu’ils appellent "comportement non standard": D, donc je vous invite. lire ce fil:

L'inclusion de fichiers .css avec @import est un comportement non standard qui sera supprimé dans les futures versions de LibSass. (numéro GitHub # 2362)

2
Sparker73

J'ai eu le même problème, mais je n'avais besoin que du fichier .css sur une page. Ma solution consistait, au lieu de l'importer dans mon fichier .scss, à copier le fichier .css de mon répertoire de ressources vers le répertoire public avec Gulp. Ensuite, sur la page nécessitant le code .css, je l'ai importé avec: 

<link href="path + file.css" rel="stylesheet" type="text/css">
0
iDoes