MootoolsのビルドツールPackager-Webはすごく便利
Category: review
Mootools開発者のkamicane(Valerio Proietti)とtimwienk(Tim Wienk)が開発したビルドツールです。
シンプルなMVCアーキテクチャに沿った構成になっていて、Mootoolsと自分のよく使うサードパーティ製のプラグインをセットでビルドできるようになります。
このツールはパッケージ定義ファイルpackage.ymlを読み込み、依存関係を解決した上でjavascriptファイルを一つにまとめて出力します。
ビルドの方法は、kamicaneが開発したビルドライブラリ(packager)を利用してビルドします。
ためしにインストールしてみたので、解説します。
又、すぐに試したい人は下記のファイルをダウンロード後、解凍してサーバーにアップロードしてください。
ソースはMootools Core1.3、Mootools More 1.3.0.1rc1が含まれています。
packager-webの設定済みソースのダウンロード
http://dl.dropbox.com/u/603849/packager.zip
必要なもの
まず、必要なものをダウンロードします。
githubのkamicane(Valerio Proietti)リポジトリ、mootoolsのリポジトリからソースコードを入手します。
試したリポジトリのブランチ、タグを掲載しておきますのでバージョンを切り替えてダウンロードボタンを押してダウンロードしてください。
packager-web – ブランチ: master
http://github.com/kamicane/packager-web
packager – ブランチ: master
http://github.com/kamicane/packager
control – ブランチ: master
http://github.com/kamicane/control
Mootools 1.3 Coreソース – タグ: 1.3
http://github.com/mootools/mootools-core/tree/1.3
Mootools 1.3.0.1rc1 Moreソース – タグ: 1.3.0.1rc1
http://github.com/mootools/mootools-more/tree/1.3.0.1rc1
packager-web、packager、controlの展開
ダウンロードしたpackager-web、packager、controlを解凍します。
解凍したpackager、controlをpackager-webの下記のディレクトリにコピーします。
コーピー先
| No. | コピー対象 | コピー先 |
|---|---|---|
| 1 | control | libs/control |
| 2 | packager | libs/packager |
Mootoolsのソースコード展開
Mootools 1.3 Core、Mootools 1.3.0.1rc1 Moreソースを解凍します。
packager-webの直下にcomponentsディレクトリを作成し、さらにその下にmootools-core、mootools-moreディレクトリを作成します。
そして、作成したディレクトリの直下にpackage.ymlとSourceディレクトリをコピーします。
コーピー先
| No. | コピー対象 | コピー先 |
|---|---|---|
| 1 | mootools-core | components/mootools-core |
| 2 | mootools-more | components/mootools-more |
設定ファイルの編集
packager-webの直下に設定ファイルのサンプル(config.yml.example)があるので、コピーした後にconfig.ymlにリネームします。
config.ymlをエディタで開き、packages項目に下記のように記述します。
こうすると、package.ymlを読み込んで、モジュールの依存関係を解決してくれます。
パスの最後には/を必ずつけてください。
packages: - "components/mootools-core/" - "components/mootools-more/"
動作確認
packager-webをサーバーにアップロードし、サイトにアクセスしてみて、下記のような画面が表示されていればインストール完了です。
次回は、自作プラグインをビルドできるようにするまでを解説します。
Related Post:
It is a list of related articles.
Trackback:
It is a comment that has been gotten before.
トラックバックを下記のURLに送ってください。
http://sharedhat.com/review/1479/trackback/






Reply:
Please give the comment to this article.