edytor Visual Studio Code

pytanie zadane 19 lipca 2018 w HTML i CSS przez icytower Bywalec (2,110 p.)

Cześć, mam problem z wtyczką która powinna mi tłumaczyć *.scss na *.css w edytorze Visual Studio Code. próbowałem z Live Sass Compiler ale ta wtyczka tylko utworzyła plik style.css i style.css.map. ustawiłem "watch sass" i po zapisaniu pliku czasami pojawiał się kod css w pliku, a czasami nie. jeżeli już się pojawił to za chwilę znikał i strona nadal wyglądała jak goły szkielet.Czy znacie jakieś konkretne wtyczki którymi można tłumaczyć scss na css lub co źle robiłem z tą wtyczką?

2 odpowiedzi

odpowiedź 19 lipca 2018 przez Tomek Sochacki Ekspert (227,510 p.)

Nie pracowałem w ten sposób z VSC ale pomyśl, czy nie warto od razu zainteresować się np. webpackiem, który "w tle" będzie Ci nie tylko kompilował SCSS->CSS ale i zrobi minifikację css, js, html, doda prefixy, podłączy jakieś polyfille itp. itd. Do tego połączy Ci wiele plików w jeden co ułatwia pisanie i stworzenie jakieś sensownej struktury plików w aplikacji.

Popatrz sobie np. na stronkę polskifrontend.pl tam co jakiś czas pojawiają się artykuły po polsku o webpack.

komentarz 23 lipca 2018 przez icytower Bywalec (2,110 p.)

ja się dopiero uczę. nie jestem pewien czy webpack to już dla mnie. chyba jeszcze mam za mało wiedzy. wielkie dzięki za podpowiedź. nie wiedziałem wcześniej, że istnieje coś takiego jak webpack. :)

odpowiedź 19 lipca 2018 przez Storkeus Obywatel (1,120 p.)

Ja ze swojej strony polecam Scout-App, osobny program kompilujący SASS-a z całkiem ładnym graficznym interfejsem. Sam od niego zaczynałem i do dziś zdarza mi się wracać kiedy potrzebuję tylko aktualizować pliki css na bieżąco. Oczywiście jak masz czas i chęci to Webpack też jest dobrym pomysłem, ale wtedy trzeba się już zaprzyjaźnić z node.js i npm (co prawda i tak prędzej czy później jest to konieczne), co może wymagać całkiem sporo pracy jeśli jedyne czego potrzebujesz to kompilator SASS-a.