https://github.com/devdevi/tailwind-css
tailwind-css , autoprefixer, postcss
https://github.com/devdevi/tailwind-css
Last synced: 2 months ago
JSON representation
tailwind-css , autoprefixer, postcss
- Host: GitHub
- URL: https://github.com/devdevi/tailwind-css
- Owner: devdevi
- Created: 2020-06-09T00:54:02.000Z (almost 5 years ago)
- Default Branch: master
- Last Pushed: 2022-03-26T21:19:12.000Z (about 3 years ago)
- Last Synced: 2025-02-14T14:53:20.991Z (4 months ago)
- Language: CSS
- Size: 264 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 6
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# tailwind-css
```
npx tailwindcss init
```
Tailwind CSS IntelliSense
bradlc.vscode-tailwindcss
Respuesta a:
Instalación y ambiente de desarrollo
Dejo por aquí unos apuntes que cree para iniciar la configuración desde 0, por si le sirve a la comunidad.
## Dependencias
- `npm init -y`
- `npm install tailwindcss autoprefixer postcss-cli`
### Inicializamos las herramientas instaladas:
- `npx tailwindcss init`
- `npx tailwindcss init tailwind.config.full.js --full`
### Creamos archivo de configuracion postcss.config.js
- `touch postcss.config.js`
- `module.exports = { plugins: [require('tailwindcss'), require('autoprefixer')], };`
### Creacion archivo html y origen CSS
- `mkdir css`
- `touch css/tailwind.css`
### Configuracion archivo css/tailwind.css
- `@tailwind base; @tailwind components; @tailwind utilities;`
### Completamos script en package.json
```
npx tailwindcss build css/tailwind.css -o public/css/style.css
```
- `"scripts": { "build": "postcss css/tailwind.css -o public/css/styles.css",`
- `"dev": "postcss css/tailwind.css -o public/css/styles.css --watch"}`
- `npm run dev`
### Inicializamos script para crear el css
- `npm run build`
```
npm i -g live-server
```
Purge CSS & Nano CSS
Este es el contenido del archivo de configuración postcss.config.jscompleto.
Es Importante agregar la línea de:
defaultExtractor: content => content.match(/[\w-/:]+(?