Laravel Türkiye Discord Kanalı Forumda kod paylaşılırken dikkat edilmesi gerekenler!Birlikte proje geliştirmek ister misiniz?

Vue.js paket yönetimi ve paket import etmek

ac1919

Selamlar,

Laraveli Vue.js ile birlikte kullanmaya başladım ancak bununla ilgili sormam gereken bir kaç konu var. Şimdiden cevaplarınız için teşekkür ederim:

Bazı javaScript kütüphaneleri node_modules içinde bulunmuyor. Sonradan npm install paket_adi komutuyla node_modules dizini içine yükleniyor. Bu tarz paketleri kullanmak sağlıklı mı ?
Paketi projeye dahil etmenin doğru yolu nedir ? Aşağıda bir kaç yöntem var, Bunlardan hangisini kullanmalıyım ?
import SimpleBar from 'simplebar';
import 'simplebar';
window.axios = require('axios');
Paketleri hangi dosyaya import etmeliyim app.js mi bootstrap.js mi ?
Kendi js dosyamızı resource/js/custom.js şeklinde oluşturup import etmek sorun değildir sanırım ?

mgsmus

ac1919 Ben Vue bilmiyorum, azıcık bakmıştım sadece ama sorulara cevap verebilirim:

Tüm paketler node_modules içerisinde yer alır. npm install ile kurduğunuzda da oraya yüklenir. node_modules klasörünün dolu gelmesinin sebebi Vue'nin de bir paket olması ve başka paketleri kullanıyor olması. Kullandığı o başka paketler de başka paketleri kullanıyordur, o başka paketler de diğer başka paketleri kullanıyordur... Bağımlılıklar böyle ağ gibi birbirine bağlıdır, hepsi node_modules içerisine kurulur. O yüzden "bu tarz paket" diye bir şey yok hepsi aynı şey.
require CommonJS; import ise ECMAScript 6. İkisi de aynı şeyi yapıyor ama arada bazı farklılıklar var. require vs import diye aratırsanız çıkacaktır. Modern olan import olanı, onu kullanabilirsiniz ama yazdığınız ilk iki import için konuşuyorum, ikisi aynı şey değil, farklı kullanımları var ama aynı şeyi yapmıyorlar. Şurayı inceleyin: https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Statements/import
app.js, bootstrap.js, index.js, core.js... bunlar hiçbir özelliği olmayan dosyalar. Bu isimleri biz veriyoruz. Laravel'de app.js içine bakarsanız bootstrap.js dosyasını yüklediğini görürsünüz, bootstrap.js de bazı paketleri yüklüyor. İkisi de aynı şey yani, sadece basit bir require ile ayrılmışlar. Önemli olan bir başlangıç dosyaınızın olması ve webpack.mix.js dosyasında bu dosyayı derlemeniz. Bana sorarsanız bootstrap.js orada bir fazlalık gibi. Tercih meselesi sadece.
3. maddede yazdım. İsimlerin bir anlamı yok. custom.js yaparsanız webpack.mix.js içinde custom.js yazacaksınız. Bu hepsi. Nereye koyduğunuzun da bir önemi yok, resources olmak zorunda değil, mantıklı bir yere koyun yeter.

ac1919

mgsmus aciklamalar icin tesekkur ederim👍