在 Rails 中的 Javascript 和 Sass 之間共享數據的最佳方式？

Question

在 Javascript 和 Sass 之間共享數據的最佳方式是什么？

我看到的兩個選項是：

1) 使用類似sass-json-vars東西來將 JSON 文件@import到 Sass，然后簡單地將 JSON 導入到 Javascript 中。

2) 使用.css.scss.erb文件將 Rails 資產管道，並在該 CSS 文件中使用json Ruby gem 導入 JSON，然后簡單地將 JSON 導入到 Javascript 中。

這個比那個好嗎？ 還有更好的選擇嗎？

Answer 1

我不太確定我是否了解您想要共享的數據類型，或者為什么需要這樣做。 您是否考慮過在視圖中簡單地使用內聯 CSS 設置動態屬性？

假設您在一個頁面上有一堆文章，並且每篇文章都有一個在數據庫中設置的動態背景顏色，我認為最好的辦法是在 SASS 中創建具有合理默認背景的文章類，然后覆蓋它在您的 erb 視圖中是這樣的：

SASS

.article {
  background-color: #ddd;
}

再培訓局

<% @articles.each do |article| %>
  <article class="article" style="background-color: <%= article.background_colour %>">
    <%= article.title %>
  </article>
<% end %>