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