3

重複の可能性:
ソースからの twitter ブートストラップの作成

Twitter Bootstrap を構築する方法を理解しようとしています。Twitter Bootstrap にアクセスするには 2 つの方法があるようです。

1つ目は、 http://twitter.github.com/bootstrap/assets/bootstrap.zipbootstrap.zipから入手できるをダウンロードしてから解凍することです。これにより、次のディレクトリ構造が作成されます。

.
└── bootstrap/
    ├── css/
    │   ├── bootstrap-responsive.css
    │   ├── bootstrap-responsive.min.css
    │   ├── bootstrap.css
    │   └── bootstrap.min.css
    ├── img/
    │   ├── glyphicons-halflings-white.png
    │   └── glyphicons-halflings.png
    └── js/
        ├── bootstrap.js
        └── bootstrap.min.js

4 directories, 8 files

私の理解が正しければ、bootstrapディレクトリとその下にあるすべてのファイルをプロジェクト ディレクトリにドロップし、HTML ファイルに次のようなタグを含めるだけで済みます。<link type="text/css" rel="stylesheet" href="location_of_my_twitter_bootstrap_file" />

Twitter Bootstrap を取得する 2つ目の方法は、github プロジェクトを複製し、それを使用makeしてビルドすることです。Node.jsやnpmなどのいくつかのパッケージをインストールしましless jshint recess uglify-jsたconnect。ブートストラップ ディレクトリからコマンドを実行すると、動作しmakeているように見え、次の出力が得られます。

##################################################
Building Bootstrap...
##################################################

Running JSHint on javascript...             ✔ Done
Compiling LESS with Recess...               ✔ Done
Compiling documentation...                  ✔ Done
Compiling and minifying javascript...       ✔ Done

##################################################
Bootstrap successfully built at 09:36AM.
##################################################

Thanks for using Bootstrap,
<3 @mdo and @fat

ただし、zip ファイルを解凍した場合と同じディレクトリ構造のブートストラップ ディレクトリが得られません。代わりに、下にある一連のファイルbootstrap/docs/assetsが更新され、bootstrap.zip から取得したファイルに対応していないようです (たとえば、さらに多くのファイルがあります)。

私の質問は、github プロジェクトのクローンを作成するとどのような利点が得られるかmake、私が行ったように使用する目的は何か、プロジェクトからリンクできる Twitter Bootstrap ソース ファイルから CSS および JS ファイルをきれいに生成するにはどうすればよいかということです。

ありがとう。

4

1 に答える 1

2

私はそれを考え出した。問題は、makeコマンドを実行しているだけだったということです。よく見てみると、Makefile走る必要があることに気づきましたmake bootstrap。（make単独で実行すると、デフォルトで。になりmake buildます。）実行するとmake bootstrap、bootstrap期待されるファイルを含むディレクトリが作成されました。

于 2012-11-01T16:54:58.847 に答える