web app template

modelo de aplicativo da web

web app template independente de estrutura. Este projeto é como Create React App, exceto que React foi removido.

Ver aplicativo da web.

Pré-requisitos

• Node.js

Instalar

Clone o repositório:

git clone https://github.com/remarkablemark/web-app-template.git
cd web-app-template

Renomeie o projeto:

web app template /My App Template/g' git grep -l 'Web App' | xargs sed -i '' -e 's/Web App/My App/g'">

git grep -l web-app-template | xargs sed -i ' ' -e ' s/web-app-template/my-app/g '
git grep -l ' web app template ' | xargs sed -i ' ' -e ' s/ web app template /My App Template/g '
git grep -l ' Web App ' | xargs sed -i ' ' -e ' s/Web App/My App/g '

Atualize os arquivos:

• README.md
• package.json
• public/index.html
• public/manifest.json
• src/index.js

Instale as dependências:

npm install

Inicialize um novo repositório:

rm -rf .git
git init

Faça seu primeiro commit:

git add .
git commit -m ' feat: initialize project from web-app-template '

As mensagens de commit seguem o formato Convencional Commits, que é usado durante o lançamento.

Quando estiver pronto, envie o repositório local para o GitHub (ou outro repositório remoto):

git remote add origin < remote-repository-url >
git push origin -u origin master

Scripts Disponíveis

No diretório do projeto, você pode executar:

npm start

Executa o aplicativo no modo de desenvolvimento.

Abra http://localhost:3000 para visualizá-lo no navegador.

A página será recarregada se você fizer edições.

Você também verá erros de lint no console.

npm run build

Cria o aplicativo para produção na pasta build .

Ele é agrupado corretamente no modo de produção e otimiza a construção para obter o melhor desempenho.

A compilação é reduzida e os nomes dos arquivos incluem os hashes.

Seu aplicativo está pronto para ser implantado!

Consulte a seção sobre implantação para obter mais informações.

npm run release

Compara a versão package.json com a versão padrão.

npm run deploy

Implanta o aplicativo nas páginas do GitHub forçando o envio da pasta build para a ramificação gh-pages do repositório remoto.

Variáveis ​​de ambiente

As variáveis ​​de ambiente funcionam de forma semelhante ao Create React App, exceto que começam com WEB_APP_ em vez de REACT_APP_ .

Por exemplo:

 # .env
WEB_APP_VERSION=$npm_package_version
WEB_APP_DOMAIN=www.example.com
WEB_APP_FOO=$DOMAIN/foo

Teste

Os testes são executados da mesma forma que o aplicativo Create React:

npm test 

Construir

Você pode criar o aplicativo de produção localmente com:

npm run build

Renomeie o diretório de compilação se seu aplicativo estiver hospedado em um subdiretório:

mv build web-app-template

Ou insira o diretório de compilação se seu aplicativo estiver hospedado na raiz:

 cd build

Inicie um servidor de arquivos estático:

python -m SimpleHTTPServer

Pare o servidor com Ctrl + C .

Abra http://localhost:8000 para visualizá-lo no navegador.

Se seu aplicativo estiver hospedado em um subdiretório, abra a pasta na listagem de diretórios.

Quando terminar, limpe o diretório de construção.

Se seu aplicativo estiver hospedado em um subdiretório:

rm -rf web-app-template

Ou se seu aplicativo estiver hospedado na raiz:

rm -rf build

Disposição

Estrutura de diretório (dotfiles são omitidos):

tree -I ' build|node_modules '
.
├── LICENSE
├── README.md
├── package.json
├── public
│   ├── favicon.ico
│   ├── index.html
│   ├── logo192.png
│   ├── logo512.png
│   ├── manifest.json
│   └── robots.txt
└── src
    ├── index.css
    ├── index.js
    ├── reportWebVitals.js
    └── setupTests.js

2 directories, 13 files

Migração

Migre para usar @descriptive/web-scripts:

npx web-scripts-migration

Consulte a postagem do blog ou a migração de scripts da web.

Licença

MIT