Grunt, NPM ve Bower arasındaki fark (package.json vs bower.json)

Emberjs'de ilk uygulamamı oluşturmak için npm ve bower'ı kullanmakta yeniyim :).
Raylar ile biraz deneyimim var, bu yüzden bağımlılıkları (paket Gemfile gibi) listelemek için dosyalar fikrine aşinayım

Soru: Bir paket eklemek istediğimde (ve git'e bağımlılığı kontrol etmek istediğimde), nereye package.jsonveya içine ait bower.json?

Topladığım şeyden,
çalışma bower installpaketi alır ve /vendordizine koyar ,
çalıştırmak npm installonu alır ve /node_modulesdizine koyar .

Bu SO yanıtı , bower'ın ön uç ve npm'nin arka uç şeyler için olduğunu söylüyor.
Ember-app-kit , ilk bakıştan bu ayrışmaya bağlı gibi görünüyor ... Ancak gruntfile'daki bazı işlevlerin etkinleştirilmesi için talimatlar iki açık komut veriyor, bu yüzden burada tamamen kafam karıştı.

Sezgisel olarak tahmin ediyorum

1. npm install --save-dev package-name , package-name'i package.json'a eklemekle eşdeğerdir

2. bower install - kaydetme paket adı paketi bower.json'a eklemek ve bower install'i çalıştırmakla aynı olabilir mi?

Bu durumda, bağımlılıkları yöneten dosyaya (komut satırı araçlarını global olarak yüklemek dışında) eklemeden bu tür paketleri ne zaman açıkça yüklemeliyim?

2016 ortası için güncelleme :

İşler o kadar hızlı değişiyor ki, 2017'nin sonlarında bu cevap artık güncel olmayabilir!

Yeni başlayanlar oluşturma araçları ve iş akışları seçiminde hızla kaybolabilirler, ancak 2016'da en güncel olan şey Bower, Grunt veya Gulp'i hiç kullanmamaktır! Webpack'in yardımıyla her şeyi doğrudan NPM'de yapabilirsiniz!

• Google "oluşturma aracı olarak npm" sonucu: https://medium.com/@dabit3/introduction-to-using-npm-as-a-build-tool-b41076f488b0#.c33e74tsa

• Web paketi: https://webpack.github.io/docs/installation.html

Beni yanlış anlamayın, insanlar diğer iş akışlarını kullanıyorlar ve hala eski projemde GULP kullanıyorum (ancak yavaşça dışarı çıkıyor), ancak bu iş akışında çalışan en iyi şirketlerde ve geliştiricilerde çok para kazanıyor!

Bu şablona bakın, en iyi ve en son teknolojilerin bir karışımından oluşan çok güncel bir kurulum: https://github.com/coryhouse/react-slingshot

• webpack
• Yapı aracı olarak NPM (Gulp, Grunt veya Bower yok)
• Redux ile tepki ver
• ESLint
• liste uzundur. Git ve keşfet!

Sorularınız:

Bir paket eklemek istediğimde (ve git'e bağımlılığı kontrol edeceğim), nereye ait - package.json veya bower.json'a

• Her şey pakete aittir. Json şimdi

• Derleme için gereken bağımlılıklar "devDependencies" yani npm install require-dir --save-dev(--save-dev, devDependencies'e bir girdi ekleyerek package.json dosyasını günceller)

• Çalışma zamanı sırasında uygulamanız için gereken bağımlılıklar "bağımlılıklar" npm install lodash --savedır, yani (--save bağımlılıklara bir girdi ekleyerek package.json dosyasını günceller)

Bu durumda, bağımlılıkları yöneten dosyaya (komut satırı araçlarını global olarak yüklemek dışında) eklemeden bu tür paketleri ne zaman açıkça yüklemeliyim?

Daima . Sadece konfor yüzünden. Bir bayrak ( --save-devveya --save) eklediğinizde deps'i yöneten dosya (package.json) otomatik olarak güncellenir. İçindeki bağımlılıkları elle düzenleyerek zaman kaybetmeyin. İçin kısayol npm install --save-dev package-nameolduğunu npm i -D package-nameve kısayol npm install --save package-nameDİRnpm i -S package-name

Npm ve Bower'ın her ikisi de bağımlılık yönetimi araçlarıdır. Ancak her ikisi arasındaki temel fark, npm düğüm modüllerini kurmak için kullanılır, ancak bower js, html, css, js vb . Gibi ön uç bileşenlerini yönetmek için kullanılır .

Bunu daha kafa karıştırıcı yapan bir gerçek, npm'nin ön uç geliştirmede gruntve benzeri gibi kullanılabilecek bazı paketler sağlamasıdır jshint.

Bu çizgiler daha fazla anlam katıyor

Bower, npm'den farklı olarak, ana dosyalar olarak kabul edilen birden fazla dosyaya (ör. .Js, .css, .html, .png, .ttf) sahip olabilir. Bower semantik olarak bu ana dosyaları, birlikte paketlendiğinde bir bileşen olarak görür.

Düzenleme : Grunt Npm ve Bower'dan oldukça farklı. Grunt bir javascript görev koşucu aracıdır. Manuel olarak yapmak zorunda olduğunuz homurdanmayı kullanarak birçok şey yapabilirsiniz. Grunt'un bazı kullanımlarını vurgulamak:

1. Bazı dosyaları sıkıştırma (örn. Zipup eklentisi)
2. JS dosyalarında linting (jshint)
3. Daha az dosya derleme (daha az katkıda bulunma)

Sass derlemesi, javascriptinizi çirkinleştirmek, dosyaları / klasörleri kopyalamak, javascript'i küçültmek için grunt eklentileri vardır.

Grunt eklentisinin de bir npm paketi olduğunu lütfen unutmayın.

Soru 1

Bir paket eklemek istediğimde (ve git'e bağımlılığı kontrol edeceğim), nereye ait - package.json veya bower.json'a

Bu paketin nereye ait olduğuna gerçekten bağlı. Eğer bir düğüm modülü ise (homurdanma, istek gibi), o zaman paketin içine girecektir.

Soru 2

Bağımlılıkları yöneten dosyaya eklemeden paketleri böyle bir şekilde ne zaman yüklemeliyim

Paketleri açıkça yükleyip yüklemediğiniz veya .json dosyasındaki bağımlılıktan bahsetmeniz önemli değildir. Bir düğüm projesi üzerinde çalışmanın ortasında olduğunuzu ve başka bir projeye ihtiyacınız olduğunu varsayalım, diyelim requestki iki seçeneğiniz var:

• Package.json dosyasını düzenleyin ve 'request' öğesine bağımlılık ekleyin
• npm kurulumu

VEYA

• Komut satırını kullan: npm install --save request

--saveoptions, package.json dosyasına da bağımlılığı ekler. --saveSeçeneği belirtmezseniz , yalnızca paketi indirir, ancak json dosyası bundan etkilenmez.

Bunu her iki şekilde de yapabilirsiniz, önemli bir fark olmayacaktır.