es.parceljs.org Open in urlscan Pro
76.76.21.164  Public Scan

URL: https://es.parceljs.org/
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" selected="">Español</option>
    <option class="fr" value="https://fr.parceljs.org">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

Empaquetador de aplicaciones web ultra-rápido, sin configuración


Empezar GitHub
English Español Français Italiano 日本語 한국어 Polski Português Русский Українська
简体中文 繁體中文
Documentación GitHub


🚀 TIEMPOS DE EMPAQUETADO ULTRA-RÁPIDOS

Parcel usa procesos paralelos de trabajo para habilitar la compilación
multinúcleo, y tiene un caché de sistema de archivos para reconstrucciones
rápidas incluso después de un reinicio.


📦 INCLUYE TODOS TUS RECURSOS

Parcel tiene soporte listo para usar para JS, CSS, HTML, archivos y más - sin
necesidad de plugins.


🐠 CONVERSIONES AUTOMÁTICAS

El código es transformado automáticamente utilizando Babel, PostCSS y PostHTML
según sea necesario - incluyendo el contenido de node_modules.


✂️ SEPARACIÓN DE CÓDIGO SIN NECESIDAD DE CONFIGURACIÓN

Utilizando la sintáxis dinámica import(), Parcel separa tus archivos de salida
para que sólo se cargue lo que es necesario en la primera carga.


🔥 REEMPLAZO DE MÓDULOS EN CALIENTE

Parcel actualiza automáticamente los módulos en el navegador a medida que
realiza cambios durante el desarrollo, sin necesidad de configuración.


🚨 REGISTRO DE ERRORES AMIGABLE

Parcel imprime fragmentos de código con resaltado de sintáxis cuando encuentra
errores, para ayudarte a identificar el problema.


HOLA MUNDO

Comience con el archivo HTML de entrada para su aplicación. Parcel sigue las
dependencias desde allí para construir toda su aplicación.

✏️ index.html

<html>
<body>
  <script src="./index.js"></script>
</body>
</html>

🛠 index.js

// importar otro módulo
import main from './main';

main();

🛠 main.js

// importar un módulo CSS
import classes from './main.css';

export default () => {
  console.log(classes.main);
};

💅 main.css

.main {
  /* Hacer referencia a un archivo de imagen */
  background: url('./images/background.png');
  color: red;
}

Ejecute parcel index.html para iniciar un servidor de desarrollo. Importar
JavaScript, CSS, imágenes y más funciona sin necesidad de configurar nada! 👌


COMPARACIÓN

Empaquetador Tiempo browserify 22.98s webpack 20.71s parcel 9.98s parcel - con
cache 2.64s

Basado en una aplicación de tamaño razonable, que contiene 1726 módulos, 6.5M
sin comprimir. Desarrollado en una MacBook Pro 2016 con 4 CPU físicas.

Empezar


DOCUMENTACIÓN

 * 🚀 Empezar
 * 📦 Recursos
 * 🐠 Conversiones

 * ✂️ Separación de código
 * 🔥 Reemplazo de módulos en caliente
 * ✨ Producción


ENLACES

 * GitHub
 * npm
 * Twitter

Copyright © 2023 Devon Govett. Este sitio web código abierto.