random quote machine

Modèle JavaScript par défaut de l'application nano react par défaut

Le modèle de modèle par défaut pour nano-réact-app.

• npm start - Cela engendrera un serveur de développement avec un port par défaut de 1234 .
• npm run build - Cela sortira une construction de production dans le répertoire dist .

Port personnalisé

Vous pouvez utiliser l'indicateur -p pour spécifier un port pour le développement. Pour ce faire, vous pouvez soit exécuter npm start avec un drapeau supplémentaire:

 npm start -- -p 3000

Ou modifiez directement le script start :

 parcel index.html -p 3000

Ajout de styles

Vous pouvez utiliser des fichiers CSS avec des instructions import ES2015 simples n'importe où dans votre javascript:

 import "./index.css" ; 

Babel se transforme

Le Babel Preset Babel-Preset-Nano-React-App-App est utilisé pour prendre en charge les mêmes transformations qui créent des supports React App.

La configuration Babel vit dans package.json et remplacera un fichier .babelrc externe, donc si vous souhaitez utiliser .babelrc n'oubliez pas de supprimer la propriété babel dans package.json .

Déployer sur les pages GitHub

Vous pouvez également déployer votre projet à l'aide de pages GitHub. Installez d'abord le package gh-pages :

npm i -D gh-pages

Avec le drapeau de Parcel --public-url , utilisez les scripts suivants pour le déploiement:

 "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"
},

Suivez ensuite la procédure normale dans les pages GitHub et sélectionnez la branche gh-pages .