1

bower install angular-date-range-pickerプロジェクトのルート ディレクトリに必要なプラグインをインストールするために使用したと想像してください。

現在、通常、すべての js ファイル (Angular プロジェクト) は、プロジェクトのルート ディレクトリにある js というフォルダーにあります。

ここで、何かが足りないと感じます。bower コマンドがインストールしたすべての依存関係をさかのぼらずに、素敵な新しいプラグインをプロジェクトに含めるにはどうすればよいですか? 通常、すべてのスクリプトをタグ付きの index.html に含めます。プラグイン js ファイルを bower_components フォルダーから js フォルダーにコピーしました (これは間違っていると感じています)。

これがプラグインにリンクするための許容される方法である場合、bower_components フォルダーに直接リンクする必要がありますか? また、プラグインのすべての依存関係を、それぞれに文字通りスクリプト タグを記述せずに含めるにはどうすればよいですか? （そして、それが何に依存しているかをどうやって知ることができますか。たとえば、そのbower_componentsフォルダーには他のプラグインがあります）。

この質問が意味をなさない場合はお詫びします。明らかに、非常に重要なワークフローの知識が欠けており、Google で欲しいものを見つけるための質問をどのように表現すればよいかわかりません。

4

3 に答える 3

2

それぞれにスクリプトタグを書く必要があります。ほとんどの場合、対応する github リポジトリをチェックして、必要な依存ライブラリを確認してください。これに加えて、スクリプト タグで参照する必要があるファイルを確認するためのヒントには、.min. .min空白を削除し、大きな変数名を置き換えるライブラリの縮小版です。

アプリケーションの運用準備が整ったら、できることがいくつかあります。

ファイルをローカルで参照する代わりに、コンテンツ配信ネットワーク (CDN) に移動したい場合があります。これの利点は、ライブラリ ファイルをホストする信頼できるホストを使用できることです。

もう 1 つのオプションは、Grunt または Gulp を使用することです。これには、すべての依存関係ファイルを 1 つのファイルに結合する機能があります。これの利点は、複数のファイルではなく 1 つのファイルをロードする方がロード時間がはるかに短いことです。

コンテンツ配信ネットワーク - ウィキペディア

Grunt - ホームページ

Gulp - ホームページ

于 2014-12-03T12:17:21.183 に答える
0

通常、次のように構成されています。

<!-- build:js ${contextRoot}/app/assets/scripts/modules.min.js -->
<script src="../bower_components/jquery/dist/jquery.min.js"></script>
<script src="../bower_components/select2/select2.js"></script>
<script src="../bower_components/angular/angular.min.js"></script>
<script src="../bower_components/angular-route/angular-route.min.js"></script>
...
<!-- endbuild -->

スクリプトを index.html に含めます。次に、ビルド プロセス中に、一部の grunt/gulp (grunt-usemin など) プラグインを使用して、<!-- build: -->コメント間のセクション全体をファイルの縮小版に置き換えることができます。

于 2014-12-03T12:21:25.120 に答える
0

前に述べたように、Gruntをgrunt-injectorで使用できます。これはそのために特別に作成されたもので、bower の依存関係index.htmlを や他の js/css ファイルに自動的に挿入するために使用できます ( wiredepの依存関係が必要になります)。

ファイル インジェクションについて心配する必要はもうありません。

于 2014-12-03T12:35:16.697 に答える