parcel static boilerplate

Statische Paketkesselplatte

Einfacher Einstieg, um ohne zusätzliche Konfiguration sofort mit dem Schreiben von HTML, JS und SCSS zu beginnen. Kann als statischer Site-Generator verwendet werden!

Entwicklung

1. Klonen Sie dieses Repository oder laden Sie es herunter.

    git clone https://github.com/aarongarciah/parcel-static-boilerplate.git
   

2. Abhängigkeiten installieren .

    npm install
   

3. Führen Sie den Entwicklungsmodus aus. Es öffnet sich ein Browser-Tab mit der Entwickler-URL http://localhost:1234/ .

    npm run dev
   

Produktionsaufbau

Führen Sie das Build-Skript aus und die für die Produktion optimierte Website wird im Ordner /dist generiert.

 npm run build

Bereitstellen der Produktion vor Ort

Wenn Sie Ihren Produktions-Build (den generierten Ordner /dist ) lokal bereitstellen möchten, führen Sie einfach diesen Befehl aus und öffnen Sie http://localhost:5000/ in Ihrem Browser. Dieser Befehl führt den Befehl npm run build aus, bevor der Ordner /dist bereitgestellt wird.

 npm run serve

Tech-Stack

• Paket
• Babel
• ESLint
• Hübscher
• Sass
• Autoprefixer
• Stylelint
• Nunjucks
• Bildmin

Zu tun

• Beschreiben Sie alle Funktionen: Flusen, Formatierung, Aufbau usw.
• Fügen Sie alle verfügbaren Befehle hinzu.
• Erklären Sie, warum es zwei /static -Ordner gibt.
• Warnen Sie davor, wie Parcel die Datei site.webmanifest behandelt.
• Erklären Sie, wie Sie Imagemin konfigurieren.
• Erklären Sie, wie Nunjucks konfiguriert wird.
• Finden Sie einen guten Nunjucks-Code-Editor-Formatierer.
• Fügen Sie empfohlene Erweiterungen für die Entwicklung hinzu.
• Test-Setup mit Jest hinzufügen?