bu yazımda sizlere browserify ile lokal modül oluşturma ve bu modülü projenizdeki javascript dosyalarına require ile import etmeyi paylaşacağım.
1-) önce browserify 'ı kurun(buradan inceleyebilirsiniz).
2-) Proje için gerekli dosyaları oluşturun.
3-) index.html'in içeriği aşağıdaki gibi olacaktır.
| <html> <head> <title> isReact </title> </head> <body> <script type="text/javascript" src="./bundle.js" ></script> </body> |
4-) sum.js'in içeriği:
| function Sum(a, b) { this.a = a; this.b = b; } Sum.prototype.calculate = function () { return this.a + this.b; }; //module.export ile Sum diye yeni bir modül tanımı yapalım module.exports = Sum; |
5-) app.js'in içeriği
| var Sum = require('./sum.js'); var calculation = new Sum(400, 20).calculate(); alert(calculation); |
oluşturduğumuz Sum modülünü require ile JS dosyasına dahil ettik(Amaç zaten buydu).
6-) browserify yaparak app.js i bundle.js olarak çıkarın.
kaynak: https://blog.gaya.ninja/articles/better-javascript-dependency-management-with-browserify/
Hiç yorum yok:
Yorum Gönder