🚀 Des temps d'empaquetage ultra-rapide
Parcel utilise des processus de travail en parallèle pour permettre la compilation multicœur et dispose d'un cache de système de fichiers pour des reconstructions rapides même après un redémarrage.
📦 Empaquetez toutes vos ressources
Parcel a un support prêt à l'emploi pour les fichiers ressources JS, CSS, HTML, etc - pas de plugins nécessaires.
🐠 Transformations automatiques
En cas de besoin, le code est automatiquement transformé en utilisant Babel, PostCSS et PostHTML - mêmes les
node_modules.
✂️ Découpage du code sans aucune configuration
En utilisant la syntaxe dynamique import(), Parcel découpe la génération de vos paquets, cela
permet de récupérer seulement ce qui est nécessaire au chargement initial.
🔥 Remplacement de module à chaud
Parcel met à jour automatiquement les modules dans le navigateur lorsque vous apportez des modifications au cours du développement, aucune configuration n'est nécessaire.
🚨 Journal d'erreur convivial
Parcel affiche des extraits de code avec coloration syntaxique lorsqu'il rencontre des erreurs pour vous aider à identifier le problème.
Hello World
Commençons avec le fichier HTML en entrée de votre application. Parcel traverse les dépendances à partir d'ici pour construire complétement votre application.
✏️ index.html
<html>
<body>
<script src="./index.js"></script>
</body>
</html>🛠 index.js
// import d'un autre composant
import main from './main';
main();🛠 main.js
// import d'un module CSS
import classes from './main.css';
export default () => {
console.log(classes.main);
};💅 main.css
.main {
/* Référence à un fichier image */
background: url('./images/background.png');
color: red;
}
Exécutez parcel index.html pour démarrer un serveur de dev. L'importation JavaScript, CSS,
images, etc fonctionne correctement ! 👌
Benchmarks
| Empaqueteur | Durée |
|---|---|
| browserify | 22.98s |
| webpack | 20.71s |
| parcel | 9.98s |
| parcel - avec cache | 2.64s |
Sur la base d'une application de taille raisonnable, contenant 1726 modules, 6.5M décompressé. Construit sur un MacBook Pro 2016 avec 4 cœurs physiques.