https://github.com/tagtwp/gulp-tailwindcss
Gulp with Tailwindcss for a quick development start. Automated build simplifies development, letting focus on quality code.
https://github.com/tagtwp/gulp-tailwindcss
Last synced: 2 months ago
JSON representation
Gulp with Tailwindcss for a quick development start. Automated build simplifies development, letting focus on quality code.
- Host: GitHub
- URL: https://github.com/tagtwp/gulp-tailwindcss
- Owner: NeakTolaDev
- License: mit
- Created: 2024-06-28T05:25:07.000Z (11 months ago)
- Default Branch: master
- Last Pushed: 2024-06-30T14:19:15.000Z (11 months ago)
- Last Synced: 2025-03-10T12:56:44.755Z (3 months ago)
- Language: CSS
- Homepage: https://tagtwp.github.io/gulp-tailwindcss/
- Size: 5.69 MB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
gulp-tailwindcss 
===
Gulp with Tailwindcss for a quick development start. Automated build simplifies development, letting focus on quality code.
Installation
---------------
### Requirements
`gulp-tailwindcss` requires the following dependencies:
- [Node.js](https://nodejs.org/)
- [Gulp.js](https://gulpjs.com/)
### Quick Start
To work with this build, clone the entire contents of the repository using:
`git clone `
After cloning, navigate to the main project folder and run the following command to install all necessary dependencies specified in the package.json file:
```shell
npm install
```
Once the dependencies are installed, you can use any of the available build commands. The resulting files will be placed in the `dist` folder in the root directory:
```shell
npm run dev
```
The base command that starts the build process for development.
```shell
npm run build
```
Builds the project, optimizing and compressing all files for hosting.
```shell
npm run clean
```
Run this command for clean folder dist and .temp .
```shell
npm run deploy
```
Creates a temporary clone of the current repository, generates a gh-pages branch if it doesn't already exist, copies all files from the base path (or those matching patterns from the optional src configuration), commits all changes, and pushes to the origin remote.
### 📝 Folder and file structure
```
├── dist/ # This folder after build
├── src/ # Sources
│ ├── assets # Assets folder
│ │ ├──css # Css folder
│ │ ├──images # Images folder
│ │ ├──js # Scripts folder
│ │ ├──fonts # Fonts folder
│ │ ├──tcss # Tailwindcss folder
│ │ │ ├──custom # Custom style tailwindcss
│ │ │ ├──style.css # Main style file tailwindcss
│ ├── partials # Folder for storing html partials of the page
│ │ ├── components # Folder for storing html components of the page
│ │ ├── head.html # Head for include style, script, font and more
│ └── index.html # Main html file
└── gulpfile.babel.js # Gulp configuration file
└── package.json # file with build settings and installed packages
└── .editorconfig # file with code formatting settings
└── .ecrc # editorconfig-checker package settings file (excludes unnecessary folders)
└── .prettierrc # Prettier settings file
└── README.md # README build
```