Empaqueteur d'application web ultra-rapide, sans configuration

Commencer GitHub

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