Yet another Gulp scaffolding repository for simple html projects Edit

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.

• 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.

• Bootstrap
• Fontawesome

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.

• 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

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.

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