Как правильно импортировать scss c url?

Question

[Роман Кофф]

Есть следующая файловая структура:

styles/
  fonts/
    _fonts.cscc
    font1.woff
  theme.scss

Содержание _fonts.cscc:

@font-face {
	font-family: "font1";
	src: local("font1-Regular"), url("font1.woff") format("woff");
	font-weight: 400;
	font-style: normal;
}

В файле theme.scss импортирую файл fonts/_fonts.cscc:
@import "fonts/_fonts.cscc";

При компиляции не модифицируется путь к ресурсу шрифта:

@font-face {
  font-family: "font1";
  src: local("font1-Regular"), url("font1.woff") format("woff");
  font-weight: 400;
  font-style: normal; }

Раньше юзал LESS, там путь модифицировался в url('fonts/font1.woff')).
Как такая задача решается в SASS/SCSS?

(я использую VS и надстройку Web Essentails)

Comments

[Алекс Глебов]

храни шрифты и scss файлы отдельно
fonts/
  font.woff
scss/
  theme.scss
  fonts.scss

пути пиши относительно итогового css сразу
 

[Роман Кофф]

Не катит. Со шрифтами — это обобщенный пример. Вообще, у меня плагины к стилям с внутренней иерархией. Для LESS, при импорте, пути автоматически дополнялись, есть ли в SASS подобный механизм?

Answer 1

[Матвей Феникс]

Пиши пути относительно того места, где будет лежать будущий css.
Например, в следующей структуре:



В файле main.sass пишу путь к шрифту url('./../fonts/font.woff') format('woff') отталкиваясь от файла main.css

Автоматически эта задача не решается.

Comments

[Роман Кофф]

Да это то понятно. Удручает то, что в less это делается просто, а в sass через ухо.