Методы использования scss include в SCSS — подробное руководство

“scss include” относится к использованию директивы @importв SCSS (Sassy CSS) для включения содержимого одного файла SCSS в другой. Это позволяет вам разделить стили на модульные файлы и повторно использовать их в проекте. Вот несколько способов использования директивы @importв SCSS:

  1. Базовый импорт:

    @import 'path/to/file';
  2. Импортировать несколько файлов:

    @import 'path/to/file1', 'path/to/file2';
  3. Импорт из каталога:

    @import 'path/to/directory/*';
  4. Импортировать CSS:

    @import 'path/to/stylesheet.css';
  5. Частичный импорт SCSS:

    @import 'path/to/_partial';
  6. Импортировать как:

    @import 'path/to/file' as customName;
  7. Импорт из узловых модулей:

    @import '~library-name/file';
  8. Импортировать CSS из модулей Node:

    @import '~library-name/file.css';
  9. Импортировать SCSS из узловых модулей:

    @import '~library-name/file.scss';
  10. Импорт с помощью медиа-запроса:

    @import 'path/to/file' (max-width: 768px);
  11. Импортировать с типом носителя:

    @import 'path/to/file' screen;
  12. Импортировать один раз:

    @import 'path/to/file' once;