Erfassen Sie hierfür einen Task, sofern noch keiner existiert. Verweisen Sie in allen Commit-Messages dieser Aufgabe auf den entsprechenden Task.

Ergänzen Sie Ihre .github/workflows/frontend_job.yml-Datei mit dem Linting und Formatting, welches Sie ja bereits bei Aufgabe LU01.A02 lokal verwendet haben.

Zur Ausführung sind aber ebenfalls noch Abhängigkeiten nötig. Abhängigkeiten, welche nicht direkt für das Produkt selbst verwendet wird, sollten separat geführt werden. Im package.json wird dieser Abschnitt als devDependencies bezeichnet.

Mit „npm ci“ (Clean & Install) werden standardmässig sowohl die Dependencies, als auch die devDependencies installiert.

...
      - name: Set up Node.js
        uses: actions/setup-node@v3
        with:
          node-version: '20'
          cache: 'npm'
          cache-dependency-path: frontend/package-lock.json
 
      - name: Install dependencies
        run: npm ci
 
      - name: Run Prettier check
        run: npm run format-check
 
      - name: Run ESLint check
        run: npm run lint-check

Checken Sie die Pipeline-Datei ein und pushen Sie Ihren Commit.

Führen Sie die Pipeline aus und reparieren Sie wenn nötig allfällige Fehler.