Wie du SASS mit NPM einrichtest und nutzt

Wie du SASS mit dem Node Package Manager installierst und einrichtest. Die VS Code Erweiterung "Live Sass Compiler" ist veraltet. Da muss eine Alternative her. Ich zeige dir wie du mit NPM dir ein SASS Projekt einrichtest und Scripts für verschiedene Builds erstellst. Happy Coding!

⏩ Videoinhalt
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
00:00 Einleitung
01:05 Live SASS Compiler
02:55 NPM als Alternative
04:46 SASS mit NPM installieren
05:53 SCSS Dateien anlegen
07:02 npm compile script
10:35 Mehrere Dateien und Module
13:47 script mit auto compile
15:15 productive build script
17:25 Wie gehts weiter?

⭐ Das könnte dich auch interessieren
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
SASS Tutorial Deutsch für Anfänger:

NPM Tutorial für Anfänger:

Bootstrap Website erstellen für Anfänger:

📌 Über diesen Kanal und mich
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
Webentwicklung effizient und einfach. Alles rundum Webentwicklung, Webdesign und angrenzende Themen. Mein Name ist Mario und ich bin bereits seit vielen Jahren beruflich als Web Entwickler tätig. Einige Tutorials auf diesem Kanal sind für absolute Anfänger ohne Vorkenntnisse geeignet, und andere für erfahrene Entwickler.

Starte Jetzt!

#SASS #SCSS #ProgrammierenM

[rudiziebart]

Toll erklärt. Ich hatte keine Ahnung was sass oder scss eigentlich ist oder wie man eine css Datei komprimieren kann. Super und besten Dank Mario!

[Christian-ueuk]

Nice, am Besten gefällt mir das Compress-Feature. :-)

[dagobertduck]

super, wollte mich sowieso mit sass beschäftigen danke

[badmax]

Sehr schön! Vielen Dank für deine tollen Videos 👍

[yt]

Danke für das Video. Ich habe gleich mal den Live Sass Compiler (prophylaktisch) durch die Sass Erweiterung ersetzt. Hatte allerdings ein paar Pfad Probleme, da ich Sass global installiert habe und noch ein Sass aus einer Ruby Installation auf dem Rechner hatte. Da musste ich die Reihenfolge im Pfad anpassen.
Habe gar nicht gewusst, dass die Erweiterung die originale Sass cli nutzt und wäre deshalb gar nicht auf die Idee für das Kommando im run script gekommen. Wieder was dazu gelernt. 🙂
Schönes WE!

[GOALolaMUC]

Suuuper Tutorial! So macht das Arbeiten mit SASS/SCSS wirklich Spaß! :-)

[wunderbarrecordings]

ich kann den build stack mit vite nur empfehlen. da ist alles dabei, was man braucht., es ist verdammt klein und trotzdem schnell.

[peterk.]

Das funktioniert echt super. Hab nur ein Problem. Wenn ich am nächsten Tag weiter machen will vergesse ich immer den Compiler im Terminal neu zu starten und wundere mich warum Änderungen nicht übernommen werden 😀

[Toeb]

Ich habe Koala und bin sehr zufrieden damit

[felixretuer]

Hallo Mario,
ich habe eine Frage und zwar, habe ich in der Zeitschrift ct ein Osterrätsel gefunden. Man hat mehrere Zip Folder und muss für jeden ein Passwort herausfinden, welches versteckt ist. Ich bin bei Level 2, aber komme nicht weiter. In der Zip Datei hat man einmal eine htm Datei und eine CSS Datei. Wenn man den Quellcode der htm Datei anschaut, findet man das hier unter anderem: "Passowort für Level 3 <span Ich weiß aber nicht wie ich das "umcodieren" soll, um das Passwort herauszufiltern. Die css Datei fängt mit ":root{
--bs-blue:#0d6efd;
--bs-indigo:#6610f2;" an... ist aber natürlich viel länger. Davor ist eine URL von bootstrap. Hast du vielleicht ne Ahnung, was ich damit anfangen soll?
(Bin nicht sehr mit dem Thema vertraut, habe mir erst heute ein paar Videos von dir dazu angeschaut :D)