Cual es la diferencia de usar el style loader y el mini css extract plugin loader?

Pregunta de la clase:
Configurar CSS y SaaS en React con Webpack
Jose Alberto Reyes Quevedo

Jose Alberto Reyes Quevedo

Pregunta
student•hace 4 años

Cual es la diferencia de usar el style loader y el mini css extract plugin loader?

1 respuestas
para escribir tu comentario
    Camilo Perilla

    Camilo Perilla

    student•hace 4 años

    El style-loader va a inyectar todo el CSS de tu proyecto en el DOM usando multiples etiquetas

    <style></style>
    . Esas etiquetas se colocan en la cabecera de tu archivo
    html
    . Con MiniCssExtractPlugin extraes ese mismo CSS a un archivo aparte. Este nuevo archivo .css sera llamado desde el
    html
    usando un etiqueta
    <link>
    . Algo asi:
    <link rel="stylesheet" type="text/css" href="styles.css">
    . Puedes cambiar el nombre del archivo o hacer que sea cargado de forma lazy, para estilos que no sean necesarios en el tipo de dispositivo que el usuario este usando

Curso de Webpack [Empieza Gratis]

Curso de Webpack [Empieza Gratis]

Construye aplicaciones React usando Webpack. Aprende a configurar y optimizar tu entorno de desarrollo con loaders, compresión CSS y análisis de paquetes. Despliega tu proyecto fácilmente en producción y mejora el rendimiento.

Ir al curso
Curso de Webpack [Empieza Gratis]
Curso de Webpack [Empieza Gratis]

Curso de Webpack [Empieza Gratis]

Construye aplicaciones React usando Webpack. Aprende a configurar y optimizar tu entorno de desarrollo con loaders, compresión CSS y análisis de paquetes. Despliega tu proyecto fácilmente en producción y mejora el rendimiento.

Ir al curso