Contao-Camp 2024
Ergebnis 1 bis 2 von 2

Thema: Liste/Sammlung Node Module für lokale Contao Theme Entwicklung/Workflow

  1. #1
    Contao-Urgestein Avatar von Franko
    Registriert seit
    22.06.2009.
    Beiträge
    1.503
    Partner-ID
    6122

    Standard Liste/Sammlung Node Module für lokale Contao Theme Entwicklung/Workflow

    Hallo,
    ich würde hier gerne eine Sammlung/Liste favorisierter Node Module zwecks lokalen Workflow zur Contao Theme Entwicklung aufmachen ( in Kombination mit Xampp bzw. Docker ).
    Also derart welche Erfahrungen Ihr mit Modulen für bestimmte Aufgaben habt bzw. einsetzt.

    Persönlich bin ich ein Fan von puren Node-Scripts/Node-Modulen als Build-Tool/Task-Runner und habe mittlerweile auf Grunt/Gulp ganz verzichtet.
    Auch mit Webpack habe ich mich versucht, aber als Nicht Entwickler bzw. "nur" für css/scss, less, Assets Optimierungen, reine .js concatenation etc. empfinde ich den Einsatz etwas über dimensioniert.
    Daher:

    Infos Node Scripts als Build Tool:
    https://blog.teamtreehouse.com/use-npm-task-runner
    https://medium.freecodecamp.org/intr...s-1dbb2ae01633
    https://deliciousbrains.com/npm-build-script/
    https://css-tricks.com/why-npm-scripts/
    https://michael-kuehnel.de/tooling/2...n-scripts.html
    https://dev.to/marcel_cremer/5-tips-...anization-2gh9

    GitHub Awesome Node Lists:
    https://github.com/sindresorhus/awes...web-frameworks
    https://github.com/sindresorhus/awesome-npm
    https://github.com/bcoe/awesome-cross-platform-nodejs

    Meine persönlichen Favoriten:
    https://github.com/sass/node-sass
    https://github.com/svg/svgo
    https://github.com/imagemin/imagemin
    https://github.com/elijahmanor/cross-var
    https://github.com/motdotla/dotenv
    https://github.com/isaacs/node-glob
    https://github.com/mde/ejs
    https://github.com/shelljs/shelljs
    https://github.com/shelljs/shx
    https://github.com/postcss/postcss
    Freelancer, Digital Design Enthusiast, Contao Aficionado and Tutorial Junkie @MoinFranko - Carpe diem ...

  2. #2
    Contao-Urgestein Avatar von Franko
    Registriert seit
    22.06.2009.
    Beiträge
    1.503
    Partner-ID
    6122

    Standard

    Node Module Debugging mit Chrome DevTools

    Wer schnell mal eine Debug Möglichkeit für sein Node Modul benötigt kann dies auch mit den Chrome DevTools realisieren -
    s.: https://medium.com/@paul_irish/debug...s-7c4a1b95ae27

    Code:
    npm init -y
    Eine debugtest.js erstellen:
    Code:
    #! /usr/bin/env node
    
    // debugtest.js
    console.log("Hello World");
    Aufruf in der Console mit:
    Code:
     node  --inspect-brk debugtest.js
    Dann Chrome DevTools starten. In der oberen Menüleiste ist dann das grüne Node Logo vorhanden - Anklicken
    Alternativ: Chrome Browser starten und "about:inspect" eingeben. Dann auf "Open dedicated DevTools for Node" klicken
    Freelancer, Digital Design Enthusiast, Contao Aficionado and Tutorial Junkie @MoinFranko - Carpe diem ...

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
  •