|
0
|
1 |
アセットのビルドとダンプ |
|
|
2 |
--------------------------- |
|
|
3 |
|
|
|
4 |
Asseticを使う一番単純な方法は、次の2ステップからなります。 |
|
|
5 |
|
|
|
6 |
1. 公開領域内にPHPスクリプトを作成し、Assetic OOP APIを使用してアセットの作成・出力を行う |
|
|
7 |
2. テンプレートから上記のファイルを参照する |
|
|
8 |
|
|
|
9 |
例えば、公開領域内に`assets/javascripts.php`ファイルを作成し、 |
|
|
10 |
下記のようなコードを記述します。 |
|
|
11 |
|
|
|
12 |
use Assetic\Asset\AssetCollection; |
|
|
13 |
use Assetic\Asset\FileAsset; |
|
|
14 |
use Assetic\Filter\Yui\JsCompressorFilter as YuiCompressorFilter; |
|
|
15 |
|
|
|
16 |
$js = new AssetCollection(array( |
|
|
17 |
new FileAsset(__DIR__.'/jquery.js'), |
|
|
18 |
new FileAsset(__DIR__.'/application.js'), |
|
|
19 |
), array( |
|
|
20 |
new YuiCompressorFilter('/path/to/yuicompressor.jar'), |
|
|
21 |
)); |
|
|
22 |
|
|
|
23 |
header('Content-Type: application/js'); |
|
|
24 |
echo $js->dump(); |
|
|
25 |
|
|
|
26 |
HTMLテンプレート側では、単に`<script>`タグを用いて、生成されたJavascriptをインクルードすることになります。 |
|
|
27 |
|
|
|
28 |
<script src="/assets/javascripts.php"></script> |
|
|
29 |
|
|
|
30 |
Next: [コンセプト](concepts.md) |