Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/guilhermetome/gulp-lp-base
It's only a simple gulp files to build html landing pages
https://github.com/guilhermetome/gulp-lp-base
Last synced: 16 days ago
JSON representation
It's only a simple gulp files to build html landing pages
- Host: GitHub
- URL: https://github.com/guilhermetome/gulp-lp-base
- Owner: GuilhermeTome
- Created: 2020-05-26T11:59:55.000Z (over 4 years ago)
- Default Branch: master
- Last Pushed: 2023-01-06T07:02:49.000Z (almost 2 years ago)
- Last Synced: 2023-03-07T22:27:56.841Z (almost 2 years ago)
- Language: JavaScript
- Size: 1.74 MB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 12
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Gulp-lp-base
It's only a simple gulp files to build html landing pages.
[See my LinkedIn](https://www.linkedin.com/in/guilherme-tom%C3%A9-dos-reis-developer/)
## Getting started
* In first you need to configure a npm and gulp development zone to use this resources
### Prerequisites
* npm
* gulp client
### Installing
Inside your apache folder. Run these commands
* Clone repository:
```
git clone https://github.com/GuilhermeTome/gulp-lp-base.git
```
* Change directory to application folder
```
cd gulp-lp-base
```
* Install application dependencies
```
npm install
```
## Functions
* Auto watch your files in development
* Minify your HTML
* Minify your CSS
* Minify your JS
* Able ES6+ in JS
* Able SASS in CSS
* Move your files to a ./public folder
* Optimize you images
* Convert images to WebP format
* Kill your extra css with UnCSS
## How to use
Run the command in terminal, in folder of the project
* Compile all files
```
gulp
```
* Compile all files withou the images
```
gulp noImages
```
* Compile only html files
```
gulp onlyHtml
```
* Compile only css files
```
gulp onlyCss
```
* Compile only js files
```
gulp onlyJs
```
* Compile only images
```
gulp onlyImages
```
### In development zone you can use watcher's
* Watch all files
```
gulp watchAll
```
* Watch only html files
```
gulp watchHtml
```
* Watch only css files
```
gulp watchCss
```
* Watch only js files
```
gulp watchJs
```
* Watch only images
```
gulp watchImages
```
### To build more than 1 page
Ig you need more pages, need to configure your UnCSS plugin into gulpfile.js in killCss function. For more informations read the original docs.
[Click here to read the docs](https://github.com/ben-eb/gulp-uncss)
## Contributing
Pull requests are welcome. For major changes, please open an issue first to discuss what you would like to change. Please make sure to update tests as appropriate.
If you wish, send me a private message in LinkedIn or in email ([email protected] or [email protected]).
## License
This project is licensed under the MIT Licence - see the [MIT Licence](https://choosealicense.com/licenses/mit/) for more details