random quote machine

Nano React App Forlet JavaScript Plantilla JavaScript

El proyecto de plantilla predeterminado para Nano-React-App.

• npm start : esto generará un servidor de desarrollo con un puerto predeterminado de 1234 .
• npm run build : esto generará una construcción de producción en el directorio dist .

Puerto personalizado

Puede usar el indicador -p para especificar un puerto para el desarrollo. Para hacer esto, puede ejecutar npm start con una bandera adicional:

 npm start -- -p 3000

O edite el script start directamente:

 parcel index.html -p 3000

Agregar estilos

Puede usar archivos CSS con declaraciones import ES2015 simples en cualquier lugar de su JavaScript:

 import "./index.css" ; 

Babel Transforms

El preajuste Babel Babel-preset-nano-react-app se utiliza para admitir las mismas transformaciones que crean soportes de aplicación React.

La configuración de Babel vive dentro del package.json y anulará un archivo .babelrc externo, por lo que si desea usar .babelrc recuerde eliminar la propiedad babel dentro package.json .

Desplegar en las páginas de Github

También puede implementar su proyecto utilizando páginas GitHub. Primero instale el paquete gh-pages :

npm i -D gh-pages

Con la bandera --public-url , use los siguientes scripts para la implementación:

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

Luego siga el procedimiento normal en las páginas de GitHub y seleccione la rama gh-pages .