Premiers pas avec Parcel
Démarrage
Parcel est un packager d'applications Web (bundler), différent des packagers utilisés par les développeurs précédents. Il exploite le traitement multicœur pour offrir des performances incroyablement rapides, et vous n’avez rien à configurer.
Première installation de Parcel en utilisant Yarn ou npm :
Yarn:
yarn global add parcel-bundler
npm:
npm install -g parcel-bundler
Créez un fichier package.json dans le répertoire de votre projet à l'aide de la commande suivante :
yarn init -y or npm init -y
Parcel peut être utilisé comme tous les fichiers Type servent de points d'entrée, mais les fichiers HTML ou JavaScript sont un bon point de départ. Si vous utilisez un chemin relatif pour lier votre fichier JavaScript principal au HTML, Parcel s'en chargera également pour vous et remplacera cette référence par l'URL du fichier de sortie.
Ensuite, créez un fichier index.html et index.js.
<html> <body> <script src="./index.js"></script> </body> </html>
console.log("hello world");Parcel dispose d'un serveur de développement intégré, qui reconstruit automatiquement votre application lorsque vous modifiez des fichiers, et prend en charge le remplacement à chaud des modules afin que vous puissiez développer rapidement. Il vous suffit de spécifier le fichier d'entrée :
parcel index.html
Ouvrez maintenant http://localhost:1234/ dans votre navigateur. Vous pouvez également remplacer le port par défaut à l'aide de l'option -p <numéro de port>
Si vous ne disposez pas de votre propre serveur ou si votre application est entièrement rendue par le client, utilisez un serveur de développement. Si vous disposez de votre propre serveur, vous pouvez exécuter Parcel en mode surveillance. De cette façon, Parcel reconstruira toujours automatiquement le fichier lorsque le fichier est modifié et prendra en charge le remplacement à chaud du module, mais ne démarrera pas le serveur Web.
parcel watch index.html
Lorsque vous êtes prêt à construire pour la production, le mode construction désactive la surveillance et ne sera construit qu'une seule fois. Voir la section Production pour plus de détails.
