Contao-Camp 2024
Ergebnis 1 bis 11 von 11

Thema: Verständnisfrage GULP / Nutshell Framework

  1. #1
    Contao-Fan
    Registriert seit
    14.07.2011.
    Beiträge
    276

    Standard 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:
    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?

    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

  2. #2
    Community-Moderator
    Wandelndes Contao-Lexikon
    Avatar von Spooky
    Registriert seit
    12.04.2012.
    Ort
    Scotland
    Beiträge
    33.899
    Partner-ID
    10107

    Standard

    Wo hast du npm install ausgeführt?

  3. #3
    Contao-Fan
    Registriert seit
    14.07.2011.
    Beiträge
    276

    Standard

    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

  4. #4
    Community-Moderator
    Wandelndes Contao-Lexikon
    Avatar von Spooky
    Registriert seit
    12.04.2012.
    Ort
    Scotland
    Beiträge
    33.899
    Partner-ID
    10107

    Standard

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

  5. #5
    Contao-Fan
    Registriert seit
    14.07.2011.
    Beiträge
    276

    Standard

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

  6. #6
    Community-Moderator
    Wandelndes Contao-Lexikon
    Avatar von Spooky
    Registriert seit
    12.04.2012.
    Ort
    Scotland
    Beiträge
    33.899
    Partner-ID
    10107

    Standard

    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).

  7. #7
    Contao-Fan
    Registriert seit
    14.07.2011.
    Beiträge
    276

    Standard

    Auweia

    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

  8. #8
    Community-Moderator
    Wandelndes Contao-Lexikon
    Avatar von Spooky
    Registriert seit
    12.04.2012.
    Ort
    Scotland
    Beiträge
    33.899
    Partner-ID
    10107

    Standard

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

  9. #9
    Contao-Fan
    Registriert seit
    14.07.2011.
    Beiträge
    276

    Standard

    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);

  10. #10
    Community-Moderator
    Wandelndes Contao-Lexikon
    Avatar von Spooky
    Registriert seit
    12.04.2012.
    Ort
    Scotland
    Beiträge
    33.899
    Partner-ID
    10107

    Standard

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

    - - - Aktualisiert - - -

    Zitat Zitat von winchester Beitrag anzeigen
    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

  11. #11
    Contao-Fan
    Registriert seit
    14.07.2011.
    Beiträge
    276

    Standard

    Oh mann und ich suche mich dämlich
    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?

Aktive Benutzer

Aktive Benutzer

Aktive Benutzer in diesem Thema: 1 (Registrierte Benutzer: 0, Gäste: 1)

Lesezeichen

Lesezeichen

Berechtigungen

  • Neue Themen erstellen: Nein
  • Themen beantworten: Nein
  • Anhänge hochladen: Nein
  • Beiträge bearbeiten: Nein
  •