アセティックを始めましょう

または、styleSheets.phpというファイルを作成して、インラインで埋め込むことができます：

<style>
<?php include('/assets/stylesheets.php');
</style>

または、.cssおよび.jsファイルを生成し、通常どおりに参照するだけです。 これには、AssetWriterを使用できます

use Assetic\AssetWriter;

$scripts.js = new AssetCollection(array(
    new GlobAsset('/assets/js/libs/*'),
    new FileAsset('/assets/js/app.js'),
), array(
    new JSMinFilter(),
));

// Set target path, relative to the path passed to the
// AssetWriter constructor as an argument shortly
$scripts->setTargetPath('scripts.js');
$am->set('scripts.js', $scripts.js);

// see above for instantiation of $styles
$styles->setTargetPath('stylesheets.css');
$am->set('styles', $styles);

$writer = new AssetWriter('/assets/build');
$writer->writeManagerAssets($am);

ワークフローの一部としてこれを行うコマンドラインスクリプトを作成したり、ガードなどのツールを使用してファイルシステムを「監視」し、関連するファイルのいずれかが変更されたときはいつでも再実行できます。

キャッシュ

フィルターが不必要に実行されないようにするためのシンプルなファイルベースのキャッシュメカニズムを備えたassetic ships。 Yuiコンプレッサーの出力をキャッシュする例は次のとおりです。

要約

この記事では、資産を管理するためのPHPパッケージであるAsseticを導入しました。 依存関係を管理し、コンピレーションプロセスを実行し、アセットをマイニル化 /パック /圧縮 /最適化し、ファイルを連結してHTTPリクエストの数を最小限に抑える方法を示しました。 利用可能なすべてのフィルターの詳細については、必ずドキュメントをご覧ください。または、自分のものを定義するために、FilterInterface /拡張ベースフィルターの実装を見ることもできます。 それを補完するパッケージについては、最初にインストールするときに提案されたパッケージを参照するか、そのcomposer.jsonファイルの提案セクションを検査することにより。

use Assetic\Asset\AssetCache;
use Assetic\Asset\FileAsset;
use Assetic\Cache\FilesystemCache;
use Assetic\Filter\Yui;

$yui = new Yui\JsCompressorFilter('/path/to/yuicompressor.jar');
$js = new AssetCache(
    new FileAsset('/path/to/some.js', array($yui)),
    new FilesystemCache('/path/to/cache')
);

// the YUI compressor will only run on the first call
$js->dump();
$js->dump();
$js->dump();

アセチックに関するよくある質問（FAQ）

アセチックとは何ですか？それはどのように機能しますか？

Asseticは、PHPの強力な資産管理フレームワークです。 CSS、JavaScript、画像ファイルなどのWebアセットを管理するための体系的で効率的な方法を提供します。 Asseticは、これらの資産をフィルタリング、結合、および圧縮できるようにすることで機能します。これにより、Webサイトのパフォーマンスが大幅に向上します。また、CSSミニフィケーション、JSミニフィケーション、コンピレーションの減少など、さまざまなフィルターもサポートしています。 PHPの依存関係管理。公式Webサイトの指示に従ってComposerをインストールできます。作曲家がインストールされたら、「作曲家はクリスウォールスミス/アセチックを必要とする」というコマンドを実行してアセチックをインストールできます。

symfonyでアセチックを使用するにはどうすればよいですか？ Webアプリケーションフレームワーク。 SymfonyでAsseticを使用するには、Assetic Bundleをインストールする必要があります。インストールしたら、SymfonyアプリケーションでAsseticを使用してWebアセットを管理できます。 Symfony構成で資産コレクションを定義し、Assetic Controllerを使用してこれらの資産を提供できます。

アセットティックを使用することの利点は何ですか？

Asseticにはいくつかの利点があります。これにより、Webアセットを体系的かつ効率的な方法で管理でき、Webサイトのパフォーマンスを大幅に改善できます。また、さまざまなフィルターをサポートしており、資産を最適化するのに役立ちます。さらに、Asseticは柔軟性があり、Symfonyを含むさまざまなWebアプリケーションフレームワークで使用できます。アセットティックは多くの場合Symfonyで使用されますが、スタンドアロンライブラリであり、PHPアプリケーションで使用できます。 SymfonyなしでAsseticを使用するには、Composerを使用してインストールし、Webアセットを管理するために使用する必要があります。さまざまな方法であなたの資産。たとえば、CSSミニフィッシュフィルターを使用してCSSファイルのサイズを縮小するか、コンパイルフィルターを減らしてより少ないファイルをCSSにコンパイルできます。 Asseticでフィルターを使用するには、構成でそれを定義してから資産に適用する必要があります。一緒に管理される資産の。構成内の資産コレクションを定義してから、資産コントローラーを使用してこれらの資産を提供できます。アセットコレクションを使用して、複数の資産を単一のファイルに組み合わせて圧縮できます。これにより、ウェブサイトのパフォーマンスが大幅に向上します。資産の問題のトラブルシューティングに使用できるモード。デバッグモードが有効になっている場合、Asseticはそれらを単一のファイルに結合するのではなく、各資産を個別に提供します。これにより、資産の問題を簡単に識別して修正できます。

他のWebアプリケーションフレームワークでアセチックを使用できますか？応用。 Symfonyでよく使用されますが、他のWebアプリケーションフレームワークでも使用できます。別のフレームワークを使用してAsseticを使用するには、Composerを使用してインストールしてからWebアセットを管理するために使用する必要があります。資産を最適化します。フィルターを使用して、CSSやJSファイルの模倣やCSSへのコンパイルをコンパイルするなど、さまざまな方法で資産を変換できます。資産コレクションを使用して、複数の資産を単一のファイルに組み合わせて圧縮することもできます。これらの機能は、ウェブサイトのパフォーマンスを大幅に改善できます。

以上がアセティックを始めましょうの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。