Переменная sass переопределяется при компиляции в один файл

Question

У меня есть настройка с sass, где мне нужен способ сохранить значение без переопределения, когда я минимизирую все мои css вместе.

У меня есть файл шаблона scss, который стилизует определенную группу тегов с селекторами классов.Тогда у меня есть селектор идентификатора тела на каждой странице HTML.Каждая html-страница имеет свой уникальный файл scss.Мне нужен способ присвоить селектору уникальный идентификатор тела переменной, чтобы его можно было использовать для добавления уникального идентификатора страницы в начало каждого класса в файле шаблона scss.Пример:

template.scss

    $basePageID: "";

    #{$basePageID} .myclass{

    }
   #{$basePageID} .myclass2{

    }

Теперь в моих html-файлах scss есть эта настройка.

**homepage.scss**

    @import "template.scss";
    $basePageID: "#home";

    #{$basePageID} .myclass{

    }

**contact.scss**
    @import "template.scss";
    $basePageID: "#contact";

    #{$basePageID} .myclass{

    }

Хорошо, надеюсьВы можете увидеть, что я пытаюсь сделать здесь.Проблема в том, что, когда все мои css-файлы минимизированы, переменная $ basePageID будет установлена ​​в соответствии с последним добавляемым css-файлом.Мне нужен способ передать шаблону уникальный идентификатор страницы для каждого файла scss, даже когда все файлы объединены в один файл css.Не уверен, как я могу это сделать в scss

Answer 1

Не могу ли ты просто сделать это ...

template.scss:

#{$basePageID} .myclass{

}
#{$basePageID} .myclass2{

}

homepage.scss:

$basePageID: "#home";
@import "template.scss";

#{$basePageID} .myclass{

}

Мне показалось, что вы перезаписывали basePageID в неподходящее время.