SASS global değişkenleri parsiyellere geçilmiyor

Question

Temel olarak 3.0.x içinde mükemmel bir şekilde çalışan bir yapıya sahibim ve şimdi undefined variable hatalarıyla bozuluyor.

• Partials
  • _header.css.sass
• main.css.sass
• application.css.sass

_base.css.sass application.css.sass:

//=require 'main' 

main.css.sass:

@import 'partials/base' 
@import 'partials/header' 

Oldukça basit şeyler. sanki daha önce bu hatayı yoktu _base.css.sass

üzerinde tanımlı bir değişken kullandığından

Ben _header.css.sass bir hata alır ve biz _base.css.sass üzerine bu değişkenleri içe aktardığınız çünkü bana hiç mantıklı Aynı bağlamda _header.css.sass'u ithal ediyoruz.

Her kısmi ortamda _base.css.sass'u almak zorunda mıyım? main.css.sass'un global değişkenler gerektiren, ihtiyacınız olan kendi kısmi bölümlerinde kullanılamadığı nokta nedir?

Yapım tamamen yanlışsa, lütfen bana bir alternatif verin, öneriye bayılırım.

Answer 1

//=require'u "dinamik" SASS öğelerini miks ve değişkenler gibi eklemek için kullanamazsınız, çünkü bu yalnızca en "statik" malzeme (saf CSS gibi) eklemek için kullanılır. @import tüm dosyalarınızı application.css.sass içinde yapmanız gerekir. Demiryolları, episode #268 numaralı telefondan bunun iyi bir açıklamasını sunmaktadır.

Answer 2

Görünüşe göre, bir bildirim olarak application.css.sass'u kullanmak zorundasınız, yoksa hiçbir şey işe yaramaz.

Temel olarak her şeyi ayırabilirsiniz, ancak kapsamlar paylaşılmadığından uygulama dosyasından çağrılması gerekir. Bana sorarsan

Biraz da bir küstahlık dosyasıdır ...

Answer 3

zorlama. require yerine @import'u application.css.sass kullanın. require, bir ithalat sistemine sahip olmayan düz css veya şablon motorları içindir.

Answer 4

Özgün konu için basit bir çözüm var. Uygulamanız ve ana css dosyalarınız scss dosyaları olmalıdır. Bu, bilinen sözdizimini kullanabileceğiniz anlamına gelir: Ana.Ben de aynı sorunu vardı ve hangi yardımcı bildirerek düşünüyorum

@import 'partials/base' 
@import 'partials/header' 

Bu dosyalar küstahlık dosyalardır ve Sass ;-)

Answer 5

büyüklüğü yararlanabilir: SCSS böyle partials alabilirsiniz @imports öncesi değişkenler. Umarım bu yardımcı olur =).