fr.parceljs.org
Open in
urlscan Pro
76.76.21.98
Public Scan
URL:
https://fr.parceljs.org/
Submission: On August 04 via automatic, source certstream-suspicious — Scanned from DE
Submission: On August 04 via automatic, source certstream-suspicious — Scanned from DE
Form analysis 1 forms found in the DOM
<form class="languages">
<select class="language-dropdown" onchange="location = this.options[this.selectedIndex].value + location.pathname;">
<option class="en" value="https://en.parceljs.org">English</option>
<option class="es" value="https://es.parceljs.org">Español</option>
<option class="fr" value="https://fr.parceljs.org" selected="">Français</option>
<option class="it" value="https://it.parceljs.org">Italiano</option>
<option class="ja" value="https://ja.parceljs.org">日本語</option>
<option class="ko" value="https://ko.parceljs.org">한국어</option>
<option class="pl" value="https://pl.parceljs.org">Polski</option>
<option class="pt" value="https://pt.parceljs.org">Português</option>
<option class="ru" value="https://ru.parceljs.org">Русский</option>
<option class="uk" value="https://uk.parceljs.org">Українська</option>
<option class="zh" value="https://zh.parceljs.org">简体中文</option>
<option class="zh-tw" value="https://zh-tw.parceljs.org">繁體中文</option>
</select>
</form>Text Content
👕 Soutenez Parcel en obtenant un t-shirt ou un sweat à capuche! Tous les
bénéfices vont à notre Open Collective. ✨
Empaqueteur d'application web ultra-rapide, sans configuration
Commencer GitHub
English Español Français Italiano 日本語 한국어 Polski Português Русский Українська
简体中文 繁體中文
GitHub Documentation
🚀 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.
Commencer
DOCUMENTATION
* 🚀 Commencer
* 📦 Ressources
* ✂️ Découpage du code
* 🔥 Remplacement de module à chaud
* ✨ Production
* 🖥 CLI
LIENS
* GitHub
* npm
* Twitter
Copyright © 2023 Devon Govett. Ce site est open source.