02_structure.md 1.6 KB

Verzeichnisstruktur

Im Wurzelverzeichnis liegen die für den Build Prozess notwendigen Konfigurationsdateien. Das Verzeichnis doc/ enthält detailliertere Dokumentationen zu einzelnen Aspekten des Projekts. Alle für die WebApp benötigten Dateien werden in public/ erstellt bzw. dorthin kopiert. Im src/ Verzeichnis befinden sich alle Quelldateien, Bilder und Fonts. Der tasks/ Ordner enthält Javascript-Dateien, die die Teilschritte des Build-Prozesses definieren.

Die grobe Struktur sieht folgendermaßen aus:


├── .editorconfig        // Konfiguration für Texteditoren
├── .babelrc             // Konfiguration von babel
├── .eslintrc.yml        // Konfiguration des Javascript Linters
├── .htmlhintrc          // Konfiguration des HTML Linters
├── .sass-lint.yml       // Konfiguration des Sass Linters
├── config.js            // Konfiguration des Build-Systems
├── gulpfile.babel.js    // gulp Datei, verwendet Definitionen unter `tasks/`
├── package.json         // npm Abhängigkeiten, Shortcuts für gulp tasks
├── doc/                 // Dokumentation in markdown
├── public/              // Zielverzeichnis für den Build-Prozess
├── src/                 // Quellverzeichnis
│   ├── fonts            // Font Dateien
│   ├── html             // HTML 'Templates'
│   ├── img              // Bilder und Sprites
│   ├── js               // Javascript Quelldateien
│   └── scss             // Sass stylesheets
└── tasks/               // Definitionen für den gulp Build-Prozess