REDAXO mit Gulp, Browserify, PostCSS und Bimmelbam

Bei den Friends Of REDAXO haben wir gestern einen Frontend-Workflow zur Entwicklung einer REDAXO-Website veröffentlicht. Die daraus generierte Website schaut dann so aus:

Screenshot

Komponenten und Funktionen

  • Yarn als package manager
  • Gulp als task runner
  • Sass und PostCSS für CSS (mit Autoprefixer, cssnano und Bimmelbam)
  • ES2015 mit Babel und Browserify für schönes JavaScript
  • Nunjucks Templates (für den Prototyp, könnten aber auch für JavaScript-Komponenten verwendet werden)
  • ein konfigurierbarer Modernizr (weil es geht)
  • Bilder werden minifiziert
  • SVGs werden kombiniert und ins HTML gebracht (für Icons)
  • Bootstrap und Google Material Icons werden als externe Komponenten (via npm) eingebunden
  • BrowserSync für Live-Reload und zum Test auf verschiedenen Geräten

Links zum Projekt

https://github.com/FriendsOfREDAXO/redaxo-mit-bimmelbam

Anlaufstellen für Fragen, Anmerkungen oder bei Problemen: