onokumus

Matematik Öğretmeni

NODE.js-3-Broccoli

Nedir?

broccoli.js node.js projelerini geliştirirken, projenin oluşturulması esnasında iş akışı sağlar. Mottoları da

Broccoli.js – The asset pipeline for ambitious applications.

Nedir?

broccoli.js node.js projelerini geliştirirken, projenin oluşturulması esnasında iş akışı sağlar. Mottoları da

Broccoli.js – The asset pipeline for ambitious applications.

şeklinde. Bu işi yapan tek modül değil elbette. Grunt.js , Gulp , componentjs, Brunch bazıları.

Artıları - Eksileri

  • [+] Çok hızlı
  • [+] Basit (Eğer mantığı kavranırsa)
  • [+] ember.js geliştiricileri geliştiriciler arasında
  • [-] Bir grunt.js veya gulp.js mantığında değil. (Tabi bu ikisine alışkınsanız)
  • [-] Çok tanınmıyor.
  • [-] Eklenti sayısı düşük

Kurulum

Öncelikle broccoli-cli global olarak kurulmalı.

broccoli-cli
1
npm install --global broccoli-cli

Proje Oluşturma

Bir web projesi oluşturalım.

proje kurulumu
1
2
3
mkdir broccoli101
cd broccoli101
npm init -y

Son kod bize pek soru sormadan package.json oluşturmak için. Eğer sorduğu sorulara kendi cevaplarınızı konsoldan yazmak isterseniz sondaki -y parametresini yazmayın.

Şimdi html sayfalarımızın bulunduğu klasörü ve html sayfamızı oluşturalım.

web sayfası ekleme
1
2
mkdir public
echo "ilk sayfam" >> public/index.html

broccoli101 klasörü içinde public klasörü ve içinde de index.html web sayfamızı oluşturduk.

Projeye Broccoli ‘yi Ekleme

Öncelikle broccoli yi geliştirme bağımlılığı olarak kuralım.

Bağımlılık ekleme
1
npm install broccoli --save-dev

package.json dosyasının sonuna şöyle şey eklenmiş olması gerek.

package.json
1
2
3
"devDependencies": {
  "broccoli": "^0.16.4"
}

Şimdi de broccoli101 klasörü içinde Brocfile.js dosyası oluşturup, içine şunları yazalım.

Brocfile.js
1
module.exports = 'public';

Test Zamanı

Konsolda aşağıdaki komutu verelim.

Konsol
1
broccoli serve

Eğer http://localhost:4200/ ta

Browser
1
ilk sayfam

görüyorsak tamamdır. Bu kadar

sağlıcakla …

Devam edecek …

Comments