Comment @importer le fichier .css en tant que fichier .scss dans sass?
J'utilise gulp comme un gestionnaire de tâches qui fusionne et réduit les fichiers scss pour moi. Dans ce cas, si j'essaie d'importer un fichier CSS normal, il se compilera dans une instruction css import comme ci-dessous:
/* style.scss */
@import "../../bower_components/animate.css/animate.css";
/* style.css */
@import url(../../bower_components/animate.css/animate.css);
Alors, comment importer ce fichier css normal, pour en avoir une version compilée dans le style.css au lieu de simplement css @import déclaration?
Faites simplement ceci:
/* style.scss */
@import "../../bower_components/animate.css/animate";
N'écrivez simplement pas l'extension de fichier, importez le fichier sans l'extension, le compilateur mettra le contenu du fichier dans style.css au lieu de mettre @import règle.