Verständnisfrage GULP / Nutshell Framework

Hy Leute,

Ich arbeite mit macOS und Dreamweaver auf einem Netzlaufwerk und lade die Dateien dann auf den Server hoch.
Nun bin ich gerade dabei, das nusshell Framework (https://nutshell.erdmann-freunde.de/...nrichtung.html) zu verwenden

nun steht dort:

Zitat:

---

Nach der Installation und Einrichtung von node.js und npm, wechselst du in der Kommandozeile in den Projektordner und installierst mit folgenden Befehl gulp.js und die Abhängigkeiten:

---

Code:

---

npm install

---

Was ist hierbei gemeint? wenn ich pm Install ausführe bekomme ich den Fehler das package.json fehlt (stimmt natürlich)
Ist hierbei assets/contao gemeint?

Zitat:

---

Um die CSS-, JS- und Bild-Dateien zu generieren, bleibst du mit der Kommandozeile in deinem Projektordner und führst dann nur noch folgenden Befehl aus:

---

HTML-Code:

---

gulp

---

Dann werden zwar irgendwelche Dateien erzeugt aber ich verstehe den Zusammenhand nicht mit den scss Dateien vom nutshell framework.
Auch ist mir unklar wie die Dateien erkannt werden - im gulpfile steht das nur das Verzeichnis vom Contao.

Ich glaube ich bin hier auf dem Holzweg - hat jemand hier eine Anregung?

Vielen Dank :)

Viele Grüße
Winchester

Wo hast du npm install ausgeführt?

zuerst im ROOT was aber einen Fehler ausgibt

Code:

---

ENOENT: no such file or directory, open '/Volumes/TCCData/XXXXX/ONLINE/ROOT/package.json

---

Im Web Ordner existiert diese Datei auch nicht deshalb bin ich etwas ratlos

Wie genau hast du das Nutshell Kit installiert? Eine package.json.dist sollte es geben. https://github.com/ErdmannFreunde/eu...kage.json.dist

direkt über den Contao Manager - dort ist das kit aber noch nicht verfügbar sondern rein das css Framework

Die Anleitung sagt dir ja, dass du dir erdmannfreunde/euf_nutshell_kit installieren sollst ;).

Ich denke EuF muss hier die Anleitung aktualisieren, denn es ist mir nicht klar, was mit "Contao Paketverwaltung" gemeint ist. Über den Contao Manager kann man erdmannfreunde/euf_nutshell_kit nicht installieren (und wird man auch nie können).

Auweia :D

Hast du eine Idee wie ich meine scss Files in schönes css umwandeln kann?
Im Dreamweaver bleiben alle var(--varname) erhalten was mir im Internet Explorer um die Ohren fliegt :(

Nimm doch einfach die Nutshell, die bereitet dir ja ein nettes Framework dafür vor...

hm wie meinst du das?

das habe ich verwendet nur wenn ich es im Dreamweaver kompiliere oder auch direkt in Contao einbinde bekomme ich immer das im CSS:

Code:

---

font-family: var(--headings__font-family);

---

Nein, du sollst gulp verwenden. Und du sollst, wie in der Anleitung Beschrieben, das Kit verwenden.

- - - Aktualisiert - - -

Zitat:

---

Zitat von winchester

das habe ich verwendet nur wenn ich es im Dreamweaver kompiliere oder auch direkt in Contao einbinde bekomme ich immer das im CSS:

Code:

---

font-family: var(--headings__font-family);

---

---

Das ist übrigens korrekt. Das sind CSS Variablen ;)

Oh mann und ich suche mich dämlich :D
Danke für den Hinweis

Hab es einfach durch einen Editor gejagt der mir alle Variablen ersetzt und somit läuft es auch beim Kunden rund:
https://madlittlemods.github.io/post...es/playground/

Ideal wäre sowas noch zum automatisieren oder nutzt du bereits variablen bei Projekten?