Levent Yıldız: npm

22 Temmuz 2017 Cumartesi

Package.json da tanımlı bağımlılıkları son versiyona yükseltme

Merhaba, bu yazımda sizlere node projelerinizdeki bağımlılıkları nasıl en son versiyona yükseltebileceğinizi anlatacağım. Bu işlem için aşağıdaki adımları sırasıyla projenizde uygulamanız yeterli olacaktır.

package.json daki dependency versiyonlarını * olarak işaretleyin ve dosyayı kaydedin.

"dependencies": {

"react": "*",

"react-native": "*",

"react-native-sqlite-storage": "*"

}

yüklü dependencyleri (node diznini) silin

#rm -rf ./node_modules

Son versiyonlarına güncellemek için aşağıdaki update komutunu çalıştırın

#npm update –save

Güncelleme işleminden sonra son versiyonlar aşağıdaki gibi olacaktır

"dependencies": {

"react": "^15.6.1",

"react-native": "^0.46.1",

"react-native-sqlite-storage": "^3.3.1",

}

4 Ağustos 2016 Perşembe

browserify ile local dependency modülü oluşturma ve Js dosyasında çağırma

Merhaba,
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.

touch index.html

touch sum.js

touch app.js

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>

</html>

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;

burada Sum adında bir modül oluşturduk.

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.

browserify app.js > bundle.js

kaynak: https://blog.gaya.ninja/articles/better-javascript-dependency-management-with-browserify/