Bermula dengan Dipersembusi

atau, anda boleh membuat fail yang dipanggil stylesheets.php dan membenamkannya secara selaras:

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

Sebagai alternatif anda boleh menghasilkan fail .css dan .js dan hanya merujuknya seperti biasa. Anda boleh menggunakan AssetWriter untuk ini:

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);

Anda boleh membuat skrip baris arahan untuk melakukan ini sebagai sebahagian daripada aliran kerja anda, atau menggunakan alat seperti pengawal untuk "menonton" sistem fail dan menjalankannya semula apabila salah satu fail yang berkaitan telah berubah.

Caching

Kapal aset dengan mekanisme caching berasaskan fail mudah untuk memastikan penapis tidak berjalan tidak perlu. Berikut adalah contoh caching output pemampat Yui:

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();

Ringkasan

Dalam artikel ini saya telah memperkenalkan aset - pakej PHP untuk menguruskan aset. Saya telah menunjukkan bagaimana anda boleh menggunakannya untuk menguruskan kebergantungan, menjalankan proses penyusunan, minify / pek / memampatkan / mengoptimumkan aset, dan menyatukan fail untuk meminimumkan bilangan permintaan HTTP. Pastikan anda menyemak dokumentasi untuk butiran semua penapis yang tersedia; Atau, anda juga boleh melihat pelaksanaan FilterInterface / Extending BaseFilter dengan tujuan untuk menentukan sendiri. Untuk pakej yang melengkapkannya, rujuk pakej yang dicadangkan sama ada apabila anda mula -mula memasangnya, atau dengan memeriksa bahagian yang dicadangkan dari fail komposer.jsonnya.

Soalan Lazim (Soalan Lazim) Mengenai Aset

Apa yang diuji dan bagaimanakah ia berfungsi? Ia menyediakan cara yang sistematik dan cekap untuk menguruskan aset web seperti CSS, JavaScript, dan fail imej. Kerja -kerja aset dengan membolehkan anda menapis, menggabungkan, dan memampatkan aset ini, yang dapat meningkatkan prestasi laman web anda dengan ketara. Ia juga menyokong pelbagai penapis, termasuk minifikasi CSS, minifikasi JS, dan kurang kompilasi, antara lain. Pengurusan Ketergantungan dalam PHP. Anda boleh memasang komposer dengan mengikuti arahan di laman web rasminya. Sebaik sahaja komposer dipasang, anda boleh memasang aset dengan menjalankan perintah "komposer memerlukan kriswallsmith/aset".

Bagaimana saya boleh menggunakan aset dengan simfoni? Rangka Kerja Aplikasi Web. Untuk menggunakan Aset dengan Symfony, anda perlu memasang bundle aset. Setelah dipasang, anda boleh menggunakan Aset untuk menguruskan aset web anda dalam aplikasi Symfony anda. Anda boleh menentukan koleksi aset dalam konfigurasi Symfony anda dan menggunakan pengawal aset untuk melayani aset ini.

Apakah faedah menggunakan Aset?

Aset menawarkan beberapa faedah. Ia membolehkan anda menguruskan aset web anda dengan cara yang sistematik dan cekap, yang dapat meningkatkan prestasi laman web anda dengan ketara. Ia juga menyokong pelbagai penapis, yang dapat membantu anda mengoptimumkan aset anda. Selain itu, aset adalah fleksibel dan boleh digunakan dengan pelbagai rangka kerja aplikasi web, termasuk simfoni. Walaupun Aset sering digunakan dengan Symfony, ia adalah perpustakaan mandiri dan boleh digunakan dengan mana -mana aplikasi PHP. Untuk menggunakan aset tanpa symfony, anda perlu memasangnya menggunakan komposer dan kemudian menggunakannya untuk menguruskan aset web anda.

Bagaimana saya boleh menggunakan penapis dalam aset? aset anda dalam pelbagai cara. Sebagai contoh, anda boleh menggunakan penapis minifikasi CSS untuk mengurangkan saiz fail CSS anda, atau penapis kompilasi yang kurang untuk menyusun fail kurang anda ke CSS. Untuk menggunakan penapis secara aset, anda perlu menentukannya dalam konfigurasi anda dan kemudian memohon kepada aset anda. aset yang diuruskan bersama. Anda boleh menentukan koleksi aset dalam konfigurasi anda dan kemudian gunakan pengawal aset untuk melayani aset ini. Koleksi Aset boleh digunakan untuk menggabungkan dan memampatkan pelbagai aset ke dalam satu fail, yang dapat meningkatkan prestasi laman web anda dengan ketara. mod yang boleh digunakan untuk menyelesaikan masalah dengan aset anda. Apabila mod debug diaktifkan, Aset akan berfungsi setiap aset secara individu, dan bukannya menggabungkannya ke dalam satu fail. Ini boleh menjadikannya lebih mudah untuk mengenal pasti dan membetulkan isu dengan aset anda. permohonan. Walaupun ia sering digunakan dengan Symfony, ia juga boleh digunakan dengan kerangka aplikasi web yang lain. Untuk menggunakan aset dengan rangka kerja lain, anda perlu memasangnya menggunakan komposer dan kemudian menggunakannya untuk menguruskan aset web anda. Mengoptimumkan aset anda. Anda boleh menggunakan penapis untuk mengubah aset anda dalam pelbagai cara, seperti meminimumkan fail CSS dan JS atau menyusun kurang fail ke CSS. Anda juga boleh menggunakan koleksi aset untuk menggabungkan dan memampatkan pelbagai aset ke dalam satu fail. Ciri -ciri ini dapat meningkatkan prestasi laman web anda dengan ketara.

Atas ialah kandungan terperinci Bermula dengan Dipersembusi. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!