2016-07-05 1 views
9

私はウェブ初心者プログラマーです
私は自宅で自分のウェブを作るために勉強しています。 私はphp、html、js、cssの概念を持っています。
しかし、私は解決する方法ではない何かを見つけました。 私は、ブートストラップを管理するためにComposerを使用しようとしています。私はComposerをインストールしましたが、このコード行を実行しました。ブートストラップをコンポーザーで使用する

composer require twbs/bootstrap 

ファイルを含むフォルダを削除しました。

jsとcssファイルを見つけるためにhtmlリンクを作成する方法は分かりませんが、完全なパスを示す必要がありますか?

質問が愚かな場合は申し訳ありませんが、私はどのように続行するべきかわかりません。
私の英語を勉強していますが、今私はgoogle translateを使っています。

+0

ブートストラップとブーツラスベリーを使用しますか? – Levon

答えて

5

はい、Composerはデフォルトでvendorフォルダに依存関係をダウンロードします。したがって、ブートストラップはベンダフォルダにも着陸します。ベンダフォルダは、参照するか、またはそれを含む正しい場所ではありません。あなたの次のステップは、あなたのpublic/assetsフォルダに、あなたが必要とするブートストラップファイルをコピーするために少しのヘルパースクリプトを書くことであろう

composer require twbs/bootstrapvendor/twbs/bootstrap/dist/js/bootstrap.js


。サブフォルダ(vendor\twbs\bootstrap\dist)を含む完全なdistフォルダをpublicまたはpublic\assetsにコピーすることができます。

既存のファイルを上書きしてください。ファイルが存在する場合は削除し、コピーします。これにより、Bootstrapベンダーパッケージを再度更新する必要があるときに、ファイルを簡単に更新することができます。

もちろん、手動でファイルをコピーしたり、シンボリックリンクを作成したりすることもできます。場合によります。あなたの次のディレクトリ構造を与える

:ブートストラップ資産はあなたのindex.htmlまたはテンプレート(assets\js\bootstrap.min.js、など)には、あなたがそれらを含めるように開始することができますコピーされ

public 
\- assets 
    |- css 
    |- js 
    \- fonts 
\- index.html 


参考:https://stackoverflow.com/a/34423601/1163786この問題の他の解決策も示しています。 fxp/composer-asset-plugin、bower、grunt。

4

あなたはブートストラップ(例えば建物SCSS)の内側にカスタマイズを必要としない限り、最も簡単な解決策は、だから、CDN(ボーナスとして、あなたは資産の超高速キャッシュを取得)

に頼っている、単にあなたを呼び出しますそのような資産:

<link href="//netdna.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css" rel="stylesheet"> 
<script src="//code.jquery.com/jquery-2.2.4.min.js"></script> 
<script src="//netdna.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js"></script> 

Composerは超優秀なバックエンド依存関係のためのツールではなく、フロントエンドのための最高の一つです。

関連する問題