Глобальные переменные Scss в файлах

Это в обновлении 3 VS 2013. Я объявил переменные в _variables.scss:

$fontFamily: "Times New Roman", Times, serif;
$shapeColor: #ACAEAA;
...

Затем он импортируется в самом начале моего main.scss, как показано ниже:

@import '_variables.scss';
@import '_base.scss'; // not able to use any variables declared in _variables.css

В main.scss все глобальные переменные работают нормально. Однако ни одна из глобальных переменных не работает в _base.scss. VS отказывается их компилировать, и они помечаются как Undeclared Variable. Это проблема компилятора VS или я что-то не так делаю?


sass visual-studio-2013 web-essentials
person Quentin    schedule 09.09.2014    source источник

Ответы (1)


arrow_upward
52
arrow_downward

Если вы добавите следующее в _base.scss, и ваш intellisense должен вести себя.

/// <reference path="_variables.scss" />

Я написал об этом пост, если вам нужна дополнительная информация Получите intellisense в файлах sass/less в Visual Studio

person Colin Bacon    schedule 09.09.2014
comment
Волнистые линии исчезли, а intellisense работает. Однако он по-прежнему показывает, что компиляция _base.scss не удалась: служба не ответила на этот запрос. Возможная причина: Синтаксическая ошибка! - person Quentin; 10.09.2014
comment
CSS действительно работает, но сообщение об ошибке компиляции может вводить в заблуждение. Почему он работает, но все еще показывает сообщения об ошибках? - person Quentin; 10.09.2014
comment
Иногда я получаю это, когда сохраняю частичный файл (один с префиксом _). Но если вы сохраните main.scss, он будет успешно скомпилирован. Не уверен, почему это происходит, возможно, ошибка в Web Essentials. - person Colin Bacon; 12.09.2014
comment
Работает отлично! Если файл, на который указывает ссылка, находится внутри папки, убедитесь, что вы указали правильный путь непосредственно из файла ссылки. В нашей компании у нас есть @import "partials/helpers/_variables и @import "partials/_settings в application.scss, поэтому в _settings.scss нам нужно /// <reference path="helpers/_variables.scss" />. - person Gilad Barner; 23.12.2015
comment
Вы должны делать это для каждого файла по отдельности? - person JMK; 13.11.2017
comment
Как и @JMK, мне интересно, есть ли более централизованный способ написать это в одном месте и применить его к каждому файлу? См. этот вопрос: stackoverflow.com/q/59329833/422845 - person jbyrd; 20.01.2020