Erste Schritte mit Parcel


Erste Schritte
Parcel ist ein Webanwendungs-Bundler, der sich von den Bundlern unterscheidet, die von früheren Entwicklern verwendet wurden. Es nutzt die Multi-Core-Verarbeitung, um eine rasant schnelle Leistung zu liefern, und Sie müssen nichts konfigurieren.
Verwenden Sie zuerst Garn oder npm, um Paket zu installieren:
Garn:

yarn global add parcel-bundler

npm:

npm install -g parcel-bundler

Verwenden Sie den folgenden Befehl, um eine package.json in Ihrem Projektverzeichnis zu erstellen Datei: 

yarn init -y
or
npm init -y

Parcel kann jede Art von Datei als Einstiegspunkt verwenden, aber HTML- oder JavaScript-Dateien sind ein guter Ausgangspunkt. Wenn Sie einen relativen Pfad verwenden, um Ihre Haupt-JavaScript-Datei mit dem HTML zu verknüpfen, übernimmt Parcel dies ebenfalls für Sie und ersetzt diesen Verweis durch die URL der Ausgabedatei.
Als nächstes erstellen Sie eine index.html- und eine index.js-Datei. 

<html>
<body>
  <script src="./index.js"></script>
</body>
</html>
console.log("hello world");

Parcel verfügt über einen integrierten Entwicklungsserver, der Ihre Anwendung automatisch neu erstellt, wenn Sie Dateien ändern, und unterstützt den Modul-Hot-Replacement, sodass Sie schnell entwickeln können. Sie müssen lediglich die Eintragsdatei angeben: 

parcel index.html

Jetzt öffnen Sie http://localhost:1234/ in Ihrem Browser. Sie können den Standardport auch mit der Option -p <Portnummer> überschreiben.
Wenn Sie keinen eigenen Server haben oder Ihre App vollständig vom Client gerendert wird, verwenden Sie einen Entwicklungsserver. Wenn Sie über einen eigenen Server verfügen, können Sie Parcel im Überwachungsmodus ausführen. Wenn sich die Datei ändert, erstellt Parcel auf diese Weise die Datei weiterhin automatisch neu und unterstützt den Hot-Ersatz des Moduls, startet jedoch nicht den Webserver. 

parcel watch index.html

Wenn Sie bereit sind, für die Produktion zu bauen, schaltet der Build-Modus die Überwachung aus und erstellt nur einmal. Weitere Einzelheiten finden Sie im Abschnitt Produktion.