Development
Démarrage
Pour commencer à développer, allez dans le dossier du projet et faites dans votre terminal :
yarn start
Cela va démarrer la surveillance de vos fichiers, lancer le mode JIT de TailwindCSS et compiler le JavaScript lors de chaque sauvegarde. Cela va également créer un proxy via Browsersync.
Pour afficher les changements avec auto reload, utilisez
http://localhost:3000
Cela va prendre dans votre fichier .env
la variable $SITE_URL
Affichez votre projet sur votre réseau Wi-Fi (mobile, tablette, etc.)
Quand vous démarrer l'environnement de développement, vous aurez les informations suivantes dans votre terminal. Assurez-vous que vos appareils sont sur le même réseau que votre ordinateur de travail et allez au URL External.
[Browsersync] Proxying: http://votre-site:8888 (exemple)
[Browsersync] Access URLs:
-------------------------------------
Local: http://localhost:3000
External: http://192.168.2.12:3000 (exemple)
-------------------------------------
Linting JavaScript
Pour linter le Javascript de votre projet,
allez à la racine du projet avec votre terminal.
La config utilisée est celle de standardjs.com
yarn lint:js
Ajouter ou supprimer un paquet
Pour ajouter un paquet pour le projet (Swiper, etc.) :
yarn add [package]
yarn remove [package]