CSS dan Javascript Compressor

Untuk menggunakan script compressor dari esoftplay (https://github.com/esoftplay/compressor) adalah dengan mendownload script compressor tersebut. dan anda juga perlu mempersiapkan atau meng-install beberapa library untuk menjalankan script ini. Silahkan anda buka file readme.md untuk melihat penjelasan yang lebih detail mengenai penggunaan script compressor ini.

Setelah semua siap, yang anda perlukan adalah membuat file config.js pada template atau module buatan anda untuk meng-index kan file2 apa saja yang akan anda compress serta menentukan dimana hasil compress tersebut akan tersimpan, Anda juga bisa melihat contoh file config.js pada framework esoftplay di file "templates/admin/config.js"

Jika file config anda sudah siap, saat nya anda membuat lagi file config.js pada docroot script compressor ini untuk me-load config.js anda yang ada di dalam module atau template anda, sebagai contoh jika anda membuat file config.js berada di /home/anda/public_html/testing/templates/templatebaru/config.js maka config.js pada compressor ini adalah:
'use strict';
module.exports = require('/home/anda/public_html/testing/templates/templatebaru/config.js');
Script diatas akan meng-include kan file config.js yang ada di dalam project anda untuk di proses, sehingga pada project anda tetap menyimpan script asli (sebelum di kompres), script hasil kompres serta script config.js akan tetap tersimpan. Dengan begitu ketika anda ingin menyimpan project anda pada repository, anda tetap bisa meneruskan pengembangan di lain hari dengan script asli anda serta tidak kehilangan index file2 yang perlu di kompress (config.js)

Eksekusi script compressor

script compressor ini tidak berjalan pada browser atau menggunakan webserver yang harus ditentukan posisi path directory nya, sehingga anda bisa menaruh script ini di path manapun yang anda suka. Adapun cara mengeksekusi script compressor ini adalah melalui terminal command dengan perintah:
cd /path/menyimpan/script/compressor
gulp
Jika file config.js anda sudah benar maka tidak akan muncul error message, dan jika pada config.js anda menentukan watch: 1 yaitu setiap perubahan pada file asli, maka compressor akan mengkompres kembali file tersebut sehingga terminal tidak akan tertutup melainkan posisi menunggu (iddle) dan proses compress akan dijalankan kembali secara otomatis apabila file asli mengalami perubahan.
Untuk keluar dari proses iddle anda bisa mengklik tombol "ctrl+c" baik dari MacOS maupun Linux

Tags : Miscellaneous

0 Komentar

Berikan komentar anda