CSS

Last updated Jul 20, 2023 Edit Source

• Programming
• Frontend
• Css

PostCSS es una herramienta de frontend que nos sirve para traer muchas utilidades bastante interesantes al framework de tu eleccion. Mediante este podemos traer cosas como Tailwind, Autoprefixer y otras utilidades que hacen el desarrollo mas ameno.

Para su instalacion basta con instalarlo utilizando npm:

1

npm install -D postcss postcss-cli

Notemos que aqui se instala utilizando la flag -D para que se instale como dependencia de desarrollo.

Apartir de aqui, debemos inicializar “postcss.config.js” para poder ajustar la configuracion de PostCSS e importar todas las utilidades que nos gustaria usar con el.

Una instalacion tradicional con Tailwind se haria de la siguiente forma tomando en cuenta que dicho elemento debe encontrarse instalado con npm es decir, debe encontrarse en nuestro package.json ^6d7516

1
2
3
4
5

module.exports = {
    plugins: [
        require('tailwindcss'),
    ]
}