2012-03-29 11 views
2

jqueryまたはブートストラップを使用してこれらの依存関係をインストールするプロジェクトには、一般的で便利な方法はありますか?jqueryとブートストラップのパッケージ化

私は、クライアント側でサーバー側とjqueryとブートストラップでDjangoを使用しているWebアプリケーションを作成しています。自動的にPythonの依存関係をインストールするという話題はかなりよくカバーされています。少なくとも2つの合理的なオプション(PipとBuildout)があります。しかし、フロントエンドの依存関係を最適にインストールする方法についての情報はありません。すべての依存関係をインストールダウンロードし 1. Gitチェックアウト 2.セットアップ:Pythonのもの+ jqueryの+ブートストラップ

究極の目標は、ちょうど2つのコマンドを使用して開発環境を設定することです。

+0

はなぜチェックインしていないブートストラップブートストラップコードをロードするには、次のようになりますファイル(とにかくカスタマイズする可能性があります、特に変数はありません)をバージョンコントロールに追加し、CDNからjQueryをインクルードしますか?これにより、これら2つのフロントエンドコンポーネントを特別に配置する必要がなくなります。 – Xion

+0

githubから[jquery](https://github.com/jquery/jquery)+ [bootstrap](http://twitter.github.com/bootstrap/)を取得しないでください(git checkoutも使用しています)。 – ManseUK

+0

私はちょうどチェックインすることを考慮しますが、リポジトリに依存関係を保つことは、よりエレガントな方法があれば避けたいという欠点があります。 –

答えて

2

ほとんどのフロントエンドJavaScriptライブラリは、HTMLで参照されるため、ダウンロード/インストールする必要はありません。 JavaScriptライブラリを変更する場合は、変更したコードを自分でホストする必要があります。

<!-- Placed at the end of the document so the pages load faster --> 
<script type="text/javascript" src="http://www.google.com/jsapi"></script> 
<script type="text/javascript">google.load("jquery", "1.7.1");</script> 

ほとんどのサイトが自分のリポジトリに自分のカスタマイズされたブートストラップ資産を維持し、それらを直接主催:

は、だからあなたの場合には、あなたはそうのようにjqueryのをロードするためにGoogleのライブラリのAPIを使用することができます。ブートストラップのカスタマイズについては、 http://twitter.github.com/bootstrap/download.htmlで説明しています。あなたは、ブートストラップジャバスクリプトをホストしたくない場合は、常に最新バージョンに直接リンクすることができ、

<!-- Placed at the end of the document so the pages load faster --> 
<script type="text/javascript" src="/static/src/bootstrap_base.js"></script> 
<!-- <script src="/static/bootstrap/js/jquery.js"></script> --> 
<!-- <script src="/static/bootstrap/js/bootstrap-transition.js"></script> --> 
<script src="/static/bootstrap/js/bootstrap-alert.js"></script> 
<script src="/static/bootstrap/js/bootstrap-modal.js"></script> 
<script src="/static/bootstrap/js/bootstrap-dropdown.js"></script> 
<!-- <script src="/static/bootstrap/js/bootstrap-scrollspy.js"></script> --> 
<script src="/static/bootstrap/js/bootstrap-tab.js"></script> 
<!-- <script src="/static/bootstrap/js/bootstrap-tooltip.js"></script> --> 
<!-- <script src="/static/bootstrap/js/bootstrap-popover.js"></script> --> 
<script src="/static/bootstrap/js/bootstrap-button.js"></script> 
<script src="/static/bootstrap/js/bootstrap-collapse.js"></script> 
<!-- <script src="/static/bootstrap/js/bootstrap-carousel.js"></script> --> 
<!-- <script src="/static/bootstrap/js/bootstrap-typeahead.js"></script> --> 

<!-- This is NOT recommended --> 
<script type="text/javascript" src="http://twitter.github.com/bootstrap/assets/js/bootstrap_base.js"></script> 
<!-- <script src="http://twitter.github.com/bootstrap/assets/js/bootstrap-transition.js"></script> --> 
<script src="http://twitter.github.com/bootstrap/assets/js/bootstrap-alert.js"></script> 
etc.. 
関連する問題