Skip to content

Latest commit

 

History

History
60 lines (48 loc) · 1.52 KB

index.mdx

File metadata and controls

60 lines (48 loc) · 1.52 KB
title keywords contributors
Qwik City y PostCSS
styles, styling, estilos, estilización
manucorporat
manuelsanchezweb
manuelsanchez2
the-r3aper7
mhevery

PostCSS

PostCSS permite a los desarrolladores escribir CSS moderno manteniendo la compatibilidad con versiones anteriores y mejorando el rendimiento. Analiza el código CSS y lo pasa a través de una serie de complementos que pueden modificar, optimizar y extender el CSS antes de generar el resultado final.

Uso

Puedes agregar PostCSS a tu proyecto utilizando el siguiente script de inicialización de Qwik:

npm run qwik add postcss

Esto creará un nuevo archivo postcss.config.js en la raíz del proyecto con las siguientes dependencias y configuraciones.

module.exports = {
  plugins: {
    autoprefixer: {},
    "postcss-preset-env": {
      stage: 3,
      features: {
        "nesting-rules": true,
      },
    },
  },
}

Si deseas agregar un nuevo complemento como CssNano, ejecuta el siguiente comando y actualiza el archivo postcss.config.js.

npm install cssnano --save-dev
module.exports = {
  plugins: {
    /* configuración del complemento anterior */
    "cssnano": {
      preset: "default"
    }
  },
}

Para más documentación, consulta PostCSS Docs