2016-10-10 9 views
12

Przeczytałem wiele blogów, które mówią o transponowaniu SystemJS i SASS, ale każdy przykład widzę w Internecie, aby obsłużyć przetwarzanie SASS z góry (za pośrednictwem programu uruchamiającego zadania typu Gulp), a także Kod JavaScript następnie importuje wygenerowany CSS.Transponowanie SASS w locie z SystemJS

Mam nadzieję, że będę w stanie to zrobić, aby moje pliki JavaScript zaimportowały bezpośrednio pliki SASS (a mój loader SystemJS powinien zostać przeniesiony do CSS "w locie"). Jest to tylko do celów programistycznych, dla produkcji planuję zbudować pojedynczy plik statyczny ze wszystkim, co w nim jest. czy to możliwe? Jeśli tak, jak to zwykle się robi?

Informacje dodatkowe: Używam również Angular2 i Maszynopis.

Dzięki.

+0

Istnieje kilka wtyczek SASS dla SystemJS, ale wszystkie z nich zakładają, że JSPM jest również używany w konfiguracji. Sprawdzone rozwiązanie dla samego SystemJS byłoby mile widziane. – estus

+0

Użyłem JSPM w bardzo ograniczonej pojemności wcześniej. Nie zrozumiałem tego, że był używany głównie do zarządzania pakietami/aliasingiem, zarządzania plikiem konfiguracyjnym systemjs itp. Pomyślałem, że gdy "guma uderzy w drogę" (np. Uruchamiając aplikację internetową), to JSPM nie ma aktywnej roli . –

+0

Nie jest jasne, w jaki sposób wtyczka powinna zostać zainstalowana w tym przypadku w pierwszej kolejności. Oto przykład https://github.com/mobilexag/plugin-sass – estus

Odpowiedz

1

Aby mieć "w locie" transponowanie SASS do CSS, potrzebujesz transpondera SASS -> CSS po stronie klienta.

Zgodnie z this answer nie ma oficjalnej implementacji, która może ci pomóc.

Alternatywnie można rozważyć LESS zamiast CASS (używając na przykład wtyczki this), więc możesz mieć pełną transpozycję po stronie klienta do celów programistycznych i wstępnego budowania po stronie serwera przez Builder SystemJS dla kompilacji produkcyjnych.