Gulp con TailwindCSS Starter Kit

Gulp con TailwindCSS Starter Kit con el objetivo de crear páginas web estáticas usando TailwindCSS como Framework CSS. Incluye Iconify como grupo de iconos. Además, puede usarse Sass para definir tus estilos con Tailwind.

• Gulp con TailwindCSS Starter Kit
  • Uso
  • Configuración
  • Autor
    • Contacto
  • Licencia
    • Agradecimientos

Uso

1. Instalar dependencias

npm install // or yarn install

2. Ejecutar modo desarrollo

npm run dev // or yarn dev

3. Generar ficheros de producción

npm run prod // or yarn prod

Configuración

Puedes cambiar la configuración del proyecto desde el fichero config.js.

{
  config: {
      ...
      port: 9050 // puerto de visualización
  },
  paths: {
     root: "./",
     src: {
        base: "./src",
        css: "./src/css",
        js: "./src/js",
        img: "./src/img"
     },
     dist: {
         base: "./dist",
         css: "./dist/css",
         js: "./dist/js",
         img: "./dist/img"
     },
     build: {
         base: "./build",
         css: "./build/css",
         js: "./build/js",
         img: "./build/img"
     }
  }
  ...
}

Autor

Codificado con 💖 por José Luis González Sánchez

Contacto

Cualquier cosa que necesites házmelo saber por si puedo ayudarte 💬.

        

Licencia

Este proyecto esta licenciado bajo licencia MIT, si desea saber más, visite el fichero LICENSE para su uso docente y educativo.

Agradecimientos

Este proyecto está basado en el tutorial de lazymozek. Gracias por el contenido 🙂