random quote machine

Modelo JavaScript padrão de aplicativo Nano React

O projeto de modelo padrão para Nano-react-App.

• npm start - Isso gerará um servidor de desenvolvimento com uma porta padrão de 1234 .
• npm run build - Isso produzirá uma construção de produção no diretório dist .

Porta personalizada

Você pode usar o sinalizador -p para especificar uma porta para desenvolvimento. Para fazer isso, você pode executar npm start com uma bandeira adicional:

 npm start -- -p 3000

Ou edite o script start diretamente:

 parcel index.html -p 3000

Adicionando estilos

Você pode usar arquivos CSS com instruções import do ES2015 simples em qualquer lugar do seu JavaScript:

 import "./index.css" ; 

Babel transforma

O Babel predefinido Babel-Preset-Nano-REACT-APP é usado para suportar as mesmas transformações que criam suportes de aplicativo React.

A configuração da Babel vive dentro package.json e substituirá um arquivo .babelrc externo; portanto, se você quiser usar .babelrc Lembre -se de excluir a propriedade babel dentro package.json .

Implante para páginas do GitHub

Você também pode implantar seu projeto usando páginas do GitHub. Primeiro instale o pacote gh-pages :

npm i -D gh-pages

Com a bandeira do Parcel --public-url , use os seguintes scripts para implantação:

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

Em seguida, siga o procedimento normal nas páginas do GitHub e selecione a filial gh-pages .