it.parceljs.org
Open in
urlscan Pro
76.76.21.98
Public Scan
URL:
https://it.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">Français</option>
<option class="it" value="https://it.parceljs.org" selected="">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
Il Web application bundler superveloce, senza configurazioni.
Inizia Ora GitHub
English Español Français Italiano 日本語 한국어 Polski Português Русский Українська
简体中文 繁體中文
Documentazione GitHub
🚀 TEMPI DI BUNDLE SUPERVELOCI
Parcel utilizza i worker process per abilitare la compilazione multicore, e ha
una filesystem cache per rebuild veloci anche dopo un riavvio.
📦 CREA UN BUNDLE CON I TUOI ASSETS
Parcel supporta nativamente JS, CSS, HTML, files, e altro ancora - senza plugin.
🐠 CONVERSIONI AUTOMATICHE
Il codice è convertito automaticamente con Babel, PostCSS, e PostHTML se
richiesto - perfino node_modules.
✂️ CODE SPLITTING SENZA CONFIGURAZIONI
Usando la sintassi dinamica import(), Parcel divide i tuoi output bundles così
puoi caricare solo ciò che ti serve in ogni momento.
🔥 HOT MODULE REPLACEMENT
Parcel aggiorna automaticamente i moduli nel browser ogni volta che effettui dei
cambiamenti al codice durante lo sviluppo, senza configurazioni.
🚨 ERROR LOGGING CHIARO
Parcel ti fornisce il logging con syntax highlighting se riscontra errori nella
compilazione.
CIAO MONDO
Inizia impostando un file HTML come entry point della tua applicazione. Parcel
segue le dipendenze da quel file e crea un bundle dell'intera applicazione.
✏️ index.html
<html>
<body>
<script src="./index.js"></script>
</body>
</html>
🛠 index.js
// importa un componente
import main from './main';
main();
🛠 main.js
// importa un modulo CSS
import classes from './main.css';
export default () => {
console.log(classes.main);
};
💅 main.css
.main {
/* File immagine */
background: url('./images/background.png');
color: red;
}
Ti basta lanciare parcel index.html per inizializzare un dev server.
L'importazione di JavaScript, CSS, immagini, e altri file funzionerà
magicamente! 👌
BENCHMARKS
Bundler Tempo browserify 22.98s webpack 20.71s parcel 9.98s parcel - con cache
2.64s
Basato su un'applicazione di dimensioni medie, contenente 1726 moduli, 6,5 M non
compressi. Test eseguito su un MacBook Pro 2016 con 4 core fisici.
Inizia Ora
DOCUMENTAZIONE
* 🚀 Come Iniziare
* 📦 Assets
* 🐠 Conversioni
* ✂️ Code Splitting
* 🔥 Hot Module Replacement
* ✨ Produzione
LINKS
* GitHub
* npm
* Twitter
Copyright © 2023 Devon Govett. Questo sito web é open source.