Selamün Aleyküm herkese,
Webpack'den bunaldıktan sonra webpack benzeri bundler ararken parcel.js ye denk geldim. Kullanımının basitliği ve hızlı build etmesi beni çok cezbetti.
Klasör Düzeni
|-- example
|-- src
|-- js
- index.js
- main.js
|--scss
- main.scss
- index.html
- package.json
Proje klasörü içinde iken npm install yapıyoruz. ve daha sonra npm run dev diyerek "dev" isimli scripti çalıştırıyoruz bu bize public isimli bir klasör oluşturup içine index.html ile birlikte bir adet .js ve bir adet .css dosyası atıcak index.html dosyasının içine otomatik olarak .css ve .js dosyalarını eklicek (head arasına css script src içine js bundle'ı) ve bizim için arkaplanda sürekli dinlediği bir yerel geliştirme ortamı oluşturacak.
Sadece .js, .scss, yada .css gibi değil bir çok dosya türünü destekliyor ama nasıl yapıyor bilemiyorum. parcel.js linkinden incelemenizi tavsiye ediyorum.
Yanlışım varsa affola saygılar 🙂
package.json
{
"name": "parceljsexample",
"version": "1.0.0",
"description": "",
"main": "index.js",
"scripts": {
"test": "echo \"Error: no test specified\" && exit 1",
"dev": "parcel src/index.html --out-dir public",
"build": "parcel build src/index.html --out-dir public"
},
"keywords": [],
"author": "",
"license": "ISC",
"devDependencies": {
"parcel-bundler": "^1.12.5",
"sass": "^1.36.0"
}
}