web app template
1.0.0
web app template indépendant du framework. Ce projet est comme Create React App sauf que React est supprimé.
Afficher l'application Web.
Clonez le dépôt :
git clone https://github.com/remarkablemark/web-app-template.git
cd web-app-templateRenommez le projet :
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 'Mettez à jour les fichiers :
README.mdpackage.jsonpublic/index.htmlpublic/manifest.jsonsrc/index.jsInstallez les dépendances :
npm installInitialisez un nouveau référentiel :
rm -rf .git
git initFaites votre premier commit :
git add .
git commit -m ' feat: initialize project from web-app-template 'Les messages de validation suivent le format Conventional Commits, qui est utilisé lors de la publication.
Une fois que vous êtes prêt, transférez le référentiel local vers GitHub (ou un autre référentiel distant) :
git remote add origin < remote-repository-url >
git push origin -u origin masterDans le répertoire du projet, vous pouvez exécuter :
npm startExécute l'application en mode développement.
Ouvrez http://localhost:3000 pour l'afficher dans le navigateur.
La page se rechargera si vous apportez des modifications.
Vous verrez également des erreurs de charpie dans la console.
npm run build Construit l'application pour la production dans le dossier build .
Il regroupe correctement en mode production et optimise la construction pour les meilleures performances.
La construction est réduite et les noms de fichiers incluent les hachages.
Votre application est prête à être déployée !
Consultez la section sur le déploiement pour plus d'informations.
npm run release Remplace la version package.json par la version standard.
npm run deploy Déploie l'application sur les pages GitHub en poussant de force le dossier build vers la branche gh-pages du référentiel distant.
Les variables d'environnement fonctionnent de la même manière que Create React App, sauf qu'elles commencent par WEB_APP_ au lieu de REACT_APP_ .
Par exemple:
# .env
WEB_APP_VERSION=$npm_package_version
WEB_APP_DOMAIN=www.example.com
WEB_APP_FOO=$DOMAIN/foo
Les tests sont exécutés comme Create React App :
npm test Vous pouvez créer l'application de production localement avec :
npm run buildRenommez le répertoire de build si votre application est hébergée dans un sous-répertoire :
mv build web-app-templateOu entrez le répertoire de build si votre application est hébergée à la racine :
cd buildDémarrez un serveur de fichiers statique :
python -m SimpleHTTPServer Arrêtez le serveur avec Ctrl + C .
Ouvrez http://localhost:8000 pour l'afficher dans le navigateur.
Si votre application est hébergée dans un sous-répertoire, ouvrez le dossier dans la liste du répertoire.
Une fois que vous avez terminé, nettoyez le répertoire de construction.
Si votre application est hébergée dans un sous-répertoire :
rm -rf web-app-templateOu si votre application est hébergée à la racine :
rm -rf buildStructure du répertoire (les fichiers dot sont omis) :
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 filesMigrez pour utiliser @descriptive/web-scripts :
npx web-scripts-migrationVoir l'article de blog ou la migration des scripts Web.
MIT
