Muhammad Hafid

Blog Belajar Python atau Django

Muhammad Hafid

Tugas kita itu adalah bukan untuk berhasil, tugas kita adalah untuk mencoba, karena di dalam mencoba itulah kita menemukan dan belajar membangun kesempatan untuk berhasil.

Gonta Ganti CSS Framework di Node JS dengan Mudah dan Cepat

Judulnya adalah gonta ganti CSS framework di nodejs, emang bisa ?? Jawabannya bisa. Mau kalian menggunakan boostrap ? atau menggunakan foundation ? atau menggunakan materialize ? Tidak perlu kalian mencari NPM (Node Package Modul) nya, kalian hanya cukup bermain include css / js di halaman HTML nya, dan tidak harus HTML loh saya menggunakan EJS dengan Foundation saja bisa.
Pertama kalian harus buat 1 buah folder di root folder aplikasi kalian ya khusus untuk menyimpan file file CSS. Perhatikan : 
- NamaFolderAplikasi - BuatFolder
Pathnya seperti diatas ya, disini saya mencoba memberikan folder name "static", dimana folder static ini untuk menyimpan semua file yang berhubungan dengan CSS. Setelah itu kalian pasang baris ini di run js kalian.
app.use(express.static(__dirname + '/static')); 
Disana terlihat jelas bahwa __dirname adalah root folder aplikasi kalian dan di bawahnya langsung ada folder "static". Disini saya menggunakan Express ya, jadi kalian harus install expressnya jika kalian menggunakan baris diatas.
var express  = require('express'); 
Jika sudah sekarang kalian ambil html file kalian yang hendak kalian include-Kan cssnya, saya menggunakan *.ejs bukan *.html, tapi secara konsep mah sama saja. Tidak peduli dimana letak file html kalian dan kalian hanya membutuhkan cara panggilnya seperti ini :
<link rel="stylesheet" href="/css/foundation.css" type="text/css">
Memang baris tersebut baris standar include css di html, cuma disini yang harus kalian pahami adalah cara setting pathnya, dari baris diatas bahwa folder css dan file foundation.css ada didalam folder static sebenarnya. Ingat ya ini tidak berpengaruh dengan letak file html kalian, yang jelas file htmlnya harus 1 folder dengan folder project/aplikasi. 
Labels: javascript , nodejs

Thanks for reading Gonta Ganti CSS Framework di Node JS dengan Mudah dan Cepat . Please share...!

Back To Top