Jak wyłączyć style SCSS w przeglądarce

pytanie zadane 15 stycznia 2019 w HTML i CSS przez HaKIM Szeryf (87,590 p.)
zamknięte 15 stycznia 2019 przez HaKIM

Przeglądarka Firefox/Chrome/Chromium (Reszty nie sprawdzałem) utrudnia mi tworzenie layoutu poprzez ładowanie stylów .scss, przez co mam zduplikowane klasy w narzędziu dla developera.

Gdy usuwam atrybut width z przykładowej klasy .mask, muszę to również zrobić w klasie poniżej, co jest nieefektywne.

Oto mój header ze wszystkimi stylami:

    <link rel="stylesheet" href="https://fonts.googleapis.com/icon?family=Material+Icons">

    <link href="{{ asset('bs4/css/bootstrap.min.css') }}" rel="stylesheet">

    <link href="{{ asset('css/mystories.css') }}" rel="stylesheet">

Jak widać - brak duplikatów czy stylów .scss, z których jest swoją drogą tworzony mystories.css.

Jeżeli potrzebujecie dodatkowych informacji - jestem do waszej dyspozycji.

komentarz zamknięcia: Problem rozwiązany.

1 odpowiedź

odpowiedź 15 stycznia 2019 przez ShiroUmizake Nałogowiec (46,300 p.)
wybrane 15 stycznia 2019 przez HaKIM

Najlepsza

Nie masz przypadkowo ustawionej flagi source-map?

komentarz 15 stycznia 2019 przez HaKIM Szeryf (87,590 p.)

{"version":3,"sourceRoot":"","sources":["[...]"],"names":[],"mappings":"[...]","file":"mystories.css"}

mystories.css.map

W sources jest masa plików .scss a w mappings zapisy typu AEE; ABC; itp.

Jeśli nie o to chodziło to gdzie mogę znaleźć tę flagę?

komentarz 15 stycznia 2019 przez HaKIM Szeryf (87,590 p.)

Po usunięciu sources błąd jest taki sam. Natomiast przyczyna inna:

Zamiast homepage.scss widnieje mystories.css, który prowadzi do... pierwszego pliku w zakładce "Style Editor" - najwyraźniej jakiś błąd.

komentarz 15 stycznia 2019 przez ShiroUmizake Nałogowiec (46,300 p.)

Znajdż miejsce kompilacji scss (nie wiem czego używasz), ostatecznie wypierdziel wszystko co ma końcówkę .map

komentarz 15 stycznia 2019 przez ShiroUmizake Nałogowiec (46,300 p.)

Coś jest raczej z kodem wynikowym, includuje drugi raz to samo?, albo dobre FEDy tam robią :D

komentarz 15 stycznia 2019 przez HaKIM Szeryf (87,590 p.)

Chyba jestem blisko rozwiązania. Te klasy doprawdy powtarzają się w mystories.css po wywaleniu pliku mystories.css.map. Zmienię filewatcher/compiler i zobaczymy co z tego wyjdzie.

komentarz 15 stycznia 2019 przez HaKIM Szeryf (87,590 p.)

Wywalenie *.css.map pomogło.

Dalszy błąd z duplikatem klasy .mask był trywailny. Otóż, omyłkowo dodałem x2 @import na homepage.scss.

Dzięki za pomoc!

komentarz 15 stycznia 2019 przez ShiroUmizake Nałogowiec (46,300 p.)

A co używacie do kompilowania scss?

komentarz 15 stycznia 2019 przez HaKIM Szeryf (87,590 p.)

Zastanawia mnie skąd l. mnoga. Projekt tworzę sam. :p

Na początku było to npm sass, ale myśląc, że problem tkwi w compilerze przeszedłem na deprecated ruby sass.