Zapobiegaj analizie bloku kodu SASS, ale nadal wyprowadź go do końcowego pliku css

Właśnie zacząłem używać SASS. Jestem pod wielkim wrażeniem, ale jest coś, co chciałbym robić, ale nie mogę znaleźć odpowiedzi, czy to możliwe, czy nie.Zapobiegaj analizie bloku kodu SASS, ale nadal wyprowadź go do końcowego pliku css

Mam blok CSS, którego nie chcę, aby SASS analizował/kompilował, ale nadal chciałbym, aby ten blok wyprowadzał się do ostatecznego skompilowanego pliku CSS. czy to możliwe?

Dzięki.

Moje pierwsze pytanie w języku SO zazwyczaj daje odpowiedź. Mam nadzieję, że gdzieś tego nie przeoczyłem, wypróbowałem każde wyszukiwane słowo, które mogłem wymyślić.

Źródło

2012-04-01 Paul Smith

Przykład?Nie wiem, dlaczego chcesz zachować CSS, zamiast tego przekonwertować go na składnię SASS. – Jonathan

Otrzymałem błąd SASS, który początkowo przypisałem do SASS, mającego problemy z moim CSS (który wiedziałem, że jest ważny/dobry), więc w tym momencie miał nadzieję, że istnieje sposób na zapisanie kodu w pliku scss, który nie zostanie przeanalizowany, ale nadal będzie wysyłany do wynikowego pliku CSS. Mój problem był nieprawidłowo przy użyciu funkcji @import SASS w moim przepływ pracy Jekyll. W Jekyll potrzebujesz YAML "Front-mater" na początku plików, które chcesz przetwarzać przez Jekyll, ale nie jest to wymagane w SASS Partial, ponieważ nie są przetwarzane przez Jekyll. Nie wiedziałem, że SASS popełnił błąd na stronie głównej YAML. –

Obecnie nie potrzebuję już odpowiedzi na to pytanie, ale zostawię otwarte, tak jak może to zrobić ktoś inny? –

Spróbuj zamknąć swój blok w/* ..... */w swoim pliku scss. Mam nadzieję, że to pomoże.

Źródło

2012-04-01 13:55:26

Spojrzałem na komentarze. To nie całkiem robi to, co chciałem. To rzeczywiście wyprowadza się do końcowego pliku css, ale jest to nadal komentowane, co nie jest tym, czego chcę. Zasadniczo mój problem polega na tym, że chcę trochę CSS wyprowadzać do końcowego pliku, ale nie parsować go SASS. –

Umieść go w osobnym pliku .css i zaimportuj do pliku SASS. Plik kończący się na .css nie jest analizowany, ale nadal znajduje się w ostatecznym pliku wyjściowym.

Źródło

2012-04-03 10:29:30

To pytanie jest nieco stary, ale w duchu utrzymanie rzeczy up-to-date:

Aktualna wersja SASS (3.4.22) robi bardzo dobrą robotę tylko zmieniając czego potrzebuje do. Jeśli to, co napisałeś jest poprawnym CSS, powinno wyjść tak, jak jest.

Jednorazowe powinieneś zobaczyć, jak modyfikujesz style SASS, jeśli zrobiłeś coś, co wygląda na zmodyfikowane. W oparciu o ich dokumentacji, które byłyby takie rzeczy jak:

stylów zagnieżdżanie
Konkatenowanie strings
- content: 'foo' + 'bar';
Korzystanie interpolacji
- left: calc(50% - #{$variable})
pomocą zmiennych
- width: $variable
Korzystanie @extend lub gnieżdżące się @include

w większości innych sytuacjach, w moim doświadczeniu, SASS chętnie wypluć, co napisałeś.

Jeśli trzeba coś wyjściowego SASS nalega na parsowanie kiedy nie trzeba, można owinąć kawałek przestępstwa w cudzysłowach i usunąć je za pomocą unquote funkcję:

$family: unquote("Droid+Sans"); 
@import url("http://fonts.googleapis.com/css?family=#{$family}");

który kompiluje się

@import url("http://fonts.googleapis.com/css?family=Droid+Sans");

Źródło

2016-07-24 19:32:39

Zapobiegaj analizie bloku kodu SASS, ale nadal wyprowadź go do końcowego pliku css

Odpowiedz

Powiązane problemy