🚀 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.