Как правильно подключать css в sass?

Question

[Николай]

Добрый день! Как правильно подключать css в sass

@import "../libs/bootstrap/scss/bootstrap-reboot.scss"
@import "../libs/bootstrap/scss/bootstrap-grid.scss"
@import "../libs/bootstrap/scss/utilities/_sizing.scss"
@import "../libs/jQuery.mmenu-master/jquery.mmenu.all" - это css
@import "../libs/fontawesome/css/fa-svg-with-js" - это css

в консоли выдает
DEPRECATION WARNING on line 4, column 8 of C:/Users/Nikolay/Desktop/fasovkin/dev/base/_libs.sass:
Including .css files with @impоrt 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.

Answer 1

[Elwen]

Трансформируйте css в scss и импортите его. Поскольку любой валидный css - это валидный scss, то достаточно изменить расширение файла. В свою очередь scss и sass вполне совместимы.
Если вам не важна очередь подключения стилей, которые есть в css, то вы также можете добавить шаг в ваш gulpfile с конвертацией css в scss и объединять scss и sass через gulp.

Comments

[Виктор Янышев]

Это похоже на велике :)

[Elwen]

Ну что поделать, если припрет использовать старые библиотеки ;)

Answer 2

[Виктор Янышев]

Яндекс вполне сносно переводит.

Including .css files with @impоrt is non-standard behaviour which will be removed in future versions of LibSass.
≠===========
Включающий. css файлы с @import-это нестандартное поведение, которое будет удалено в будущих версиях LibSass. А теперь проверь стили импортированы или нет.

Comments

[Виктор Янышев]

А да, вот тут тоже на русском https://sass-scss.ru/documentation/pravila_i_direk...