web app template

plantilla de aplicación web

web app template independiente del marco. Este proyecto es como Crear aplicación React, excepto que se elimina React.

Ver aplicación web.

Requisitos previos

• Nodo.js

Instalar

Clonar el repositorio:

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

Cambie el nombre del proyecto:

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 '

Actualiza los archivos:

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

Instale las dependencias:

npm install

Inicialice un nuevo repositorio:

rm -rf .git
git init

Haz tu primer compromiso:

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

Los mensajes de confirmación siguen el formato de confirmaciones convencionales, que se utiliza durante el lanzamiento.

Una vez que esté listo, envíe el repositorio local a GitHub (u otro repositorio remoto):

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

Guiones disponibles

En el directorio del proyecto, puede ejecutar:

npm start

Ejecuta la aplicación en modo de desarrollo.

Abra http://localhost:3000 para verlo en el navegador.

La página se recargará si realiza modificaciones.

También verá cualquier error de pelusa en la consola.

npm run build

Crea la aplicación para producción en la carpeta build .

Se agrupa correctamente en modo de producción y optimiza la compilación para obtener el mejor rendimiento.

La compilación se minimiza y los nombres de archivos incluyen los hashes.

¡Su aplicación está lista para ser implementada!

Consulte la sección sobre implementación para obtener más información.

npm run release

Mejora la versión package.json con la versión estándar.

npm run deploy

Implementa la aplicación en GitHub Pages empujando a la fuerza la carpeta build a la rama gh-pages del repositorio remoto.

Variables de entorno

Las variables de entorno funcionan de manera similar a Create React App excepto que comienzan con WEB_APP_ en lugar de REACT_APP_ .

Por ejemplo:

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

Pruebas

Las pruebas se ejecutan como la aplicación Create React:

npm test 

Construir

Puede crear la aplicación de producción localmente con:

npm run build

Cambie el nombre del directorio de compilación si su aplicación está alojada en un subdirectorio:

mv build web-app-template

O ingrese al directorio de compilación si su aplicación está alojada en la raíz:

 cd build

Inicie un servidor de archivos estático:

python -m SimpleHTTPServer

Detenga el servidor con Ctrl + C

Abra http://localhost:8000 para verlo en el navegador.

Si su aplicación está alojada en un subdirectorio, abra la carpeta en la lista del directorio.

Una vez que haya terminado, limpie el directorio de compilación.

Si su aplicación está alojada en un subdirectorio:

rm -rf web-app-template

O si tu aplicación está alojada en la raíz:

rm -rf build

Disposición

Estructura del directorio (se omiten los archivos de puntos):

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

Migración

Migre para usar @descriptive/web-scripts:

npx web-scripts-migration

Consulte la publicación del blog o la migración de scripts web.

Licencia

MIT