Skip to content

🍭 My gulp config setup ( sass / cachebust / ES6 /minify ) for html templates

License

Notifications You must be signed in to change notification settings

PinkyRabbit/my-base-gulp-setup-config

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

17 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Gulp templating

My setup to developing with gulp.

Updated to Gulp v4

This is my base gulp setup for website templating. I use it each time when use server-side rendering. That's why I added gulp-template module to mark all ejs injections in html.

I added Bulma for the example of SASS usage (cuz it's mostly used by me css framework) and toastr for the example of the external library that doesn't need to be minifed (I use it in most of my projects) and JQuery for it. Also there is a cachebust and Font Awesome icons. Njoy!

Main pros of usage: Javascript last version with babel, sass syntax accepted, minification and mapping of css and js, image minification, js validation. Just clone and make npm install

Src structure:

index.html
*.html          // any html
/images         // folder with images
/images/sprites // if you need sprites
/js             // your javascripts files place in here
/sass           // folder for sass
/fonts          // folder with fonts
/libs           // all libs here please (jquery and so on you may place here)

application works on http://localhost:3210/

In index.html:

  • styles save as styles.min.css
  • scripts save as scripts.min.js

Easy as a cake. Happy coding!

About

🍭 My gulp config setup ( sass / cachebust / ES6 /minify ) for html templates

Topics

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages