Skip to content

Latest commit

 

History

History
92 lines (64 loc) · 1.73 KB

readme.md

File metadata and controls

92 lines (64 loc) · 1.73 KB
Raw

[ENGLISH]

Yet another Gulp scaffolding repository for simple html projects

Download :

git clone https://github.com/Projekod/GulpScaffold.git <folder_name>
cd folder_name
npm install

Development :

gulp

Deploy :

gulp deploy

*After this command, all files created the dist folder.

Features

  • Sass Compile (Watch)
  • Css minify and compress
  • Image optimize
  • Automatic Hash Version assets links
  • Javascript minify and compress
  • Browsersync
  • Delete unsed css class in build.css file.

Include

  • Bootstrap
  • Fontawesome

[TÜRKÇE]

Basit html şablonlar oluşturmak ve assetleri organize eden gulp ortamı

Yüklenmesi :

git clone https://github.com/Projekod/GulpScaffold.git <dizinadı>
cd dizinadı
npm install

Development :

gulp

Deploy :

gulp deploy

Çıktı dosyaları dist klasörü içerisine otomatik olarak yüklenir.

Özellikler

  • Sass Derleme
  • Css Küçültme ve sıkıştırma
  • Image optimize
  • Otomatik Versiyonlama
  • Javascript küçültme ve sıkıştırma
  • Tarayıcıda Anlık değişiklik izleme (browsersync)
  • Html dosyaları içinde kullanılmayan sınıfları css dosyasından çıkarma

İçindekiler

src/css/inc dizini içerisine istediğiniz şekilde kütüphane ekleyip, gulpfile.js dosyası içerisindeki cssFiles değişkenine kendi kütüphanelerinizi ekleyebilirsiniz.

şu an üzerinde, Bootstrap 3 ve Font Awesome kütüphaneleri kurulu geliyor.

src/css/custom.css dosyası üzerine sass dışında yazmak istediğiniz native css kodunu yazabilirsiniz.

Versiyonlama

Her deploy yaptığınızda *.html uzantılı dosyalarınız içerisindeki css ve js dosyalarınıza otomatik versiyon hash ekler.