Configuración de plugins

Curso de Introducción a Empaquetadores Web

Introduccion

Bienvenida al curso de Empaquetadores Web

¿Qué es un empaquetador de módulos de JavaScript?

Empaquetadores de módulos más populares

¿Por qué necesitamos un empaquetador de módulos?

Webpack

Primeros pasos en Webpack

Configuración de webpack

Proyecto a empaquetar: Tu propio árbol de links

Lógica del árbol de links tipo linktree

Empaquetando un proyecto con webpack

Parcel

Primeros pasos en Parcel

Proyecto a empaquetar: single page con Vanilla JavaScript

Lógica del proyecto single page

Empaquetando un proyecto con parcel

ESBuild

Primeros pasos en ESBuild

Proyecto a empaquetar: contador de React

Empaquetando nuestro proyecto con ESBuild

Configuración de ESBuild serve

Rollup

Primeros pasos en Rollup

Configurando plugins de Rollup

Proyecto a empaquetar: Fake API

Empaquetando nuestro proyecto con Rollup

Vite

Empaquetando un proyecto con Vite

Conclusiones

Ventajas y Desventajas de los empaquetadores

No tienes acceso a esta clase

¡Continúa aprendiendo! Únete y comienza a potenciar tu carrera

Si ya tienes una cuenta,

Iniciar sesión

Recursos

Aportes 1

Preguntas 0

Ordenar por:

¿Quieres ver más aportes, preguntas y respuestas de la comunidad?

o inicia sesión.

Rubén Ernesto Aragón Gil

hace 10 meses

import html from '@rollup/plugin-html';
import copy from 'rollup-plugin-copy';
import css from 'rollup-plugin-css-only';
import image from '@rollup/plugin-image';

export default {
    input: "src/index.js",
    output: {
        file: 'dist/bundle.js',
        format: 'es',
        sourcemap: true,
    },
    plugins: [
        copy({
            targets: [
                {
                    src: "src/assets/**/*",
                    dest: "dist/assets"
                }
            ]
        }),
        css({
            output: 'bundle.css'
        }),
        html(),
        image(),
    ]
}