random quote machine

Nano React App Standard JavaScript -Vorlage

Das Standard-Vorlageprojekt für Nano-React-App.

• npm start - Dies führt zu einem Entwicklungsserver mit einem Standardport von 1234 .
• npm run build - Dies gibt einen Produktionsbau im dist -Verzeichnis aus.

Benutzerdefinierte Port

Sie können das Flag -p -Flag verwenden, um einen Port für die Entwicklung anzugeben. Dazu können Sie entweder npm start mit einer zusätzlichen Flagge ausführen:

 npm start -- -p 3000

Oder bearbeiten Sie das start direkt:

 parcel index.html -p 3000

Hinzufügen von Stilen

Sie können CSS -Dateien mit einfachen ES2015 import überall in Ihrem JavaScript verwenden:

 import "./index.css" ; 

Babel verwandelt sich

Mit dem Babel Preset Babel-Preset-Nano-React-App wird die gleichen Transformationen unterstützt, die React-App-Support erstellen.

package.json Babel .babelrc lebt in package.json und überschreibt eine externe .babelrc babel .

Bereitstellen auf Github -Seiten

Sie können Ihr Projekt auch über GitHub -Seiten bereitstellen. Installieren Sie zuerst das gh-pages -Paket:

npm i -D gh-pages

Verwenden Sie mit Parcels --public-url Flag die folgenden Skripte zur Bereitstellung:

 "scripts": {
  "start": "parcel index.html",
  "build": "parcel build index.html --public-url '.'",
  "predeploy": "rm -rf dist && parcel build index.html --public-url '.'",
  "deploy": "gh-pages -d dist"
},

Befolgen Sie dann die normale Prozedur auf Github-Seiten und wählen Sie den gh-pages -Zweig aus.