Подтвердить что ты не робот

Как @import.css файл как .scss файл в sass?

Я использую gulp как бегун задачи, который объединяет и уменьшает файлы scss для меня. В этом случае, если я попытаюсь импортировать обычный файл CSS, он скомпилируется в оператор css import, как показано ниже:

 
/* style.scss */
@import "../../bower_components/animate.css/animate.css";

/* style.css */
@import url(../../bower_components/animate.css/animate.css);

Итак, как импортировать этот обычный файл css, чтобы иметь скомпилированную версию версии style.css вместо инструкции css @import?

4b9b3361

Ответ 1

Просто выполните следующее:

/* style.scss */
@import "../../bower_components/animate.css/animate";

Просто не записывайте расширение файла, импортируйте файл без расширения, компилятор помещает содержимое файла в style.css вместо того, чтобы ставить правило @import.