GruntでJavascriptライブラリを管理するにはどうしたらいいですか？ BowerまたはNPMを使用していますか？

Question

私はグランツの使い方を覚えています。私はJavascriptライブラリについて懸念しています。私が学んだワークフローは、Web上の各ライブラリを検索し、それらをjs/libsフォルダに配置し、Uglify.jsを使用してすべてのJSファイルを1つに結合することですこれを行う最も実用的な方法だと思います。私はBowerを使ってこれを管理しようとしましたが、すべてのライブラリがbower_componentsにインストールされていますので、Bowerを使用してライブラリをインストールしてhtmlにインポートする必要があるため、Gruntにjs/libsワークフローを作成する必要はありません。どのワークフローがプロジェクトでこれを管理するのが最も一般的ですか？ npmを使用してjQuery、アンダースコア、Require.jsなどのjavascriptライブラリをインストールすることはできません。必要なときにGoogleの代わりにGruntワークフローで使用できますか？ bower_componentsフォルダツリー全体を作成する代わりに、bowerを使用してライブラリをjs/libsフォルダにインストールすることはできませんか？

Answer 1

が、私はこの質問に答えるために正しい方法があるかどうかわからないんだけど、この一般的なワークフローには、以下の関係：

npm install --save jqueryを使用して、その後（それはあなたのものかどうかyarn init）npm initで開始し、（または任意の依存関係）。これによりpackage.jsonに追加されます。つまり、node_modulesディレクトリをクリアした場合は、npm installを呼び出してすべての依存関係を取得することができます。

その後、ワークフローは非常に多く、私はあなたに答えられません。しかし、npm 4では改良された検索機能が導入されているため、実際にnpm以内に正しいモジュールを検索することができます。 http://www.npms.ioも検索に便利なサイトであり、npmサイト自体も信頼できるオプションです。

バンドリングツールとビルドツールについてのすべての意見は、1つあると感じていないので、右という方法です。しかし、hmtlにそれらをインポートすることに言及してください。実際には、webpackのようなツールを使用して、すべてのjavascriptを単一のバンドルファイルにバンドルし、jquery、requireJSなどの代わりにhtmlからロードするだけです。

Answer 2

Gruntは単なるタスクランナーです。 npmとbowerと実際のパッケージマネージャー。

npm - 通常、ノードパッケージと依存関係の管理に使用されます。

bower - フロントエンドパッケージと依存関係の管理によく使用されます。

典型的なワークフローにどのように当てはまるかは、前述のパッケージマネージャーのいずれかを使用して依存関係を管理し、gruntを取得して最終的なアプリケーションを構築します。