[解決済み] Bowerとnpmの違いは何ですか?
質問
との根本的な違いは何ですか?
bower
と
npm
? ただ、わかりやすくシンプルなものが欲しい。私の同僚が
bower
と
npm
は、プロジェクトにおいて互換性があります。
どのように解決するのですか?
すべてのパッケージマネージャには多くの欠点があります。どれに耐えられるか選べばいいだけです。
歴史
npm
は、node.js モジュールの管理から始まりました (そのため、パッケージは
node_modules
と組み合わせると、フロントエンドでも機能します。
ブラウザ化
または
ウェブパック
.
バウワー はフロントエンドのためだけに作成され、それを念頭に置いて最適化されています。
レポの大きさ
npm は bower よりもはるかに大きく、汎用の JavaScript (例えば
country-data
国別情報や
sorts
フロントエンドやバックエンドで使用可能なソート機能のためのもの)。
Bowerはパッケージの数がかなり少ないです。
スタイル等の取り扱い
Bowerはスタイルなどを含みます。
npmはJavaScriptに特化しています。スタイルは別途ダウンロードするか、あるいは
npm-sass
または
sass-npm
.
依存関係の処理
最大の違いは、npmはネストされた依存関係(ただし、デフォルトではフラット)を持つのに対し、Bowerはフラットな依存関係ツリーを必要とすることです。 (依存関係の解決の負担をユーザーに負わせる)。 .
ネストされた依存関係ツリーとは、依存関係がそれ自身の依存関係を持つことができ、さらにその依存関係がそれ自身の依存関係を持つことができる、ということを意味します。これにより、2つのモジュールが同じ依存関係の異なるバージョンを要求しても、まだ動作することができます。npm v3 以降、依存関係ツリーはデフォルトでフラット (スペースを節約する) になり、必要なところだけネストするようになりました。
フロントエンドのパッケージにはBowerを、Yeoman, Grunt, Gulp, JSHint, CoffeeScriptなどの開発用ツールにはnpmを使用するプロジェクトもあります。
リソース
- ネストされた依存関係 - node_modulesがなぜそのように動作するのかについての洞察
関連
-
Vueのフォームイベントのデータバインディングの説明
-
[解決済み】JavaScriptの配列でforEachが関数でない不具合
-
[解決済み] JavaScriptで "use strict "は何をするのか、その根拠は?
-
[解決済み] let "と "var "の使い分けは?
-
[解決済み] package.jsonのチルダ(~)とキャレット(^)の違いは何ですか?
-
[解決済み] callとapplyの違いは何ですか?
-
[解決済み] event.preventDefault() vs. return false
-
[解決済み] npm installの-saveオプションは何ですか?
-
[解決済み] npm package.jsonファイルのdependencies, devDependencies, peerDependenciesの違いは何ですか?
-
[解決済み] JavaScriptのnullとundefinedの違いは何ですか?
最新
-
nginxです。[emerg] 0.0.0.0:80 への bind() に失敗しました (98: アドレスは既に使用中です)
-
htmlページでギリシャ文字を使うには
-
ピュアhtml+cssでの要素読み込み効果
-
純粋なhtml + cssで五輪を実現するサンプルコード
-
ナビゲーションバー・ドロップダウンメニューのHTML+CSSサンプルコード
-
タイピング効果を実現するピュアhtml+css
-
htmlの選択ボックスのプレースホルダー作成に関する質問
-
html css3 伸縮しない 画像表示効果
-
トップナビゲーションバーメニュー作成用HTML+CSS
-
html+css 実装 サイバーパンク風ボタン
おすすめ
-
HTML+CSS+JavaScriptで簡単な三目並べゲームを作成する。
-
vueにおけるfilterの適用シーンについて解説します。
-
[解決済み】JavaScriptの配列でforEachが関数でない不具合
-
[解決済み】エラー。Ionic使用中にモジュール '../lib/utils/unsupported.js' が見つかりませんでした。
-
nullのプロパティinnerHTMLを読み取れません エラーメッセージ
-
[解決済み] NPM vs. Bower vs. Browserify vs. Gulp vs. Grunt vs. Webpack [終了しました]。
-
[解決済み] npxとnpmの違い?
-
[解決済み】Grunt、NPM、Bowerの違い( package.json vs bower.json )
-
[解決済み】AngularでjQueryを使用するには?
-
[解決済み] JavaScriptの依存性管理:npm vs. bower vs. volo [終了しました]。