Asseticとコンパスフィルターを使用して、.scssファイルを渡してコンパイルしています。セットアップのこの部分は正常に機能しているようです。しかし、私の理解では、app_dev環境では、Symfony 2はページの読み込みごとにすべてのアセット(cssを含む)を再コンパイルし、prod環境で採用しているキャッシュシステムを使用しません。
これは起こっていないようです。
.scssファイルに変更を加えると、以下を使用した場合にのみ有効になります。
app/console cache:clear
開発環境の要点は、毎回これを行う必要がないようにすることだと思いました。
キャッシュフォルダのアクセス許可を確認しました(安全のために、誰でも読み取りと書き込みができるように設定しました)。誰か提案はありますか?
私はここで答えを見つけたと思います:
アセティックコンパスフィルター、インポートされたファイルを変更するとcssが更新されない(Googleグループディスカッション)
親ファイルを変更せずにインポートしたファイルに変更を加えた場合、親ファイルは再コンパイルされないようです。変更の結果は、再コンパイルを強制するまで表示されません。
グーグルグループのポスターは、AsseticControllerを編集することで可能な修正(ハック!)を提案しました。まだ試していませんが、うまくいったとしても、ベンダーパッケージを編集したくありません。
devでsymfony2アセットを使用している場合。環境では、単に このコマンド を使用します:
php app/console assets:install
php app/console assetic:dump --watch
バージョン2.4以降 --watch
は非推奨です 、次のように置き換えられました:
php app/console assetic:watch
私はこれが古いトピックであることを知っていますが、私がうまくいくことができる唯一の答えは、CompassElephantBundleと上記のAsseticControllerハックでした。基本的にはアプローチがありますが、ベンダーパッケージを編集する必要がなかったことを意味します。
私が行った方法は、元のAsseticControllerを編集コピーしてから、パラメーターから構成内のそれにリンクすることです。
parameters:
assetic.controller.class: Acme\RandomBundle\Controller\AsseticController
コピーされたAsseticControllerは、ソースパスからファイルタイプに対してpreg_matchを実行し、そこからキャッシュを修正します。
<?php
/* Original Assetic Controller */
public function render($name, $pos = null)
{
if (!$this->enableProfiler && null !== $this->profiler) {
$this->profiler->disable();
}
if (!$this->am->has($name)) {
throw new NotFoundHttpException(sprintf('The "%s" asset could not be found.', $name));
}
$asset = $this->am->get($name);
if (null !== $pos && !$asset = $this->findAssetLeaf($asset, $pos)) {
throw new NotFoundHttpException(sprintf('The "%s" asset does not include a leaf at position %d.', $name, $pos));
}
$bustCache = preg_match('/\.(scss|sass|less)$/', $asset->getSourcePath());
$response = $this->createResponse();
$response->setExpires(new \DateTime());
if ($bustCache) {
$lastModified = time();
$date = new \DateTime();
$date->setTimestamp($lastModified);
$response->setLastModified($date);
}
else
{
// last-modified
if (null !== $lastModified = $asset->getLastModified()) {
$date = new \DateTime();
$date->setTimestamp($lastModified);
$response->setLastModified($date);
}
}
// etag
if ($this->am->hasFormula($name)) {
$formula = $this->am->getFormula($name);
$formula['last_modified'] = $lastModified;
$response->setETag(md5(serialize($formula)));
}
if ($response->isNotModified($this->request)) {
return $response;
}
if ($bustCache) {
$response->setContent($asset->dump());
}
else {
$response->setContent($this->cachifyAsset($asset)->dump());
}
return $response;
}
/* Rest of controller */
アセットのコンパイルは、キャッシングシステムの一部ではありません。環境に関係なく、変更を加える場合はアセットを再インストールする必要があります。
app/console assets:install web
使用しているファイルシステムがシンボリックリンクをサポートしている場合は、変更のたびにこのコマンドを実行する必要がなく、代わりにアセットをそのままインストールすることができます。
app/console assets:install web --symlink
しかし、Sassを使用しているので、これはおそらくあなたの選択肢ではありません。
HTH
パラメータ.ymlの末尾に行を追加することで、ローカル開発でこの問題を修正しました。これにより、基本的にアセットのキャッシュが実行されなくなります。
# parameters.yml
...
assetic.cache.class: Assetic\Cache\ArrayCache
これは決してキャッシュを実行したいので、本番環境に含める必要があります。
私は別の方法を使用します。開発中にすべての.scssファイルを追加しています
{% block stylesheets %}
{% stylesheets filter='?uglifycss' filter='cssrewrite' filter="compass"
"@TESTSSassBundle/Resources/public/css/_vars.scss" <-- this will be removed
"@TESTSSassBundle/Resources/public/css/main.scss"
"@TESTSSassBundle/Resources/public/css/header.scss"
"@TESTSSassBundle/Resources/public/css/footer.scss"
%}
<link rel="stylesheet" href="{{ asset_url }}" />
{% endstylesheets %}
{% endblock %}
開発が終わったら削除します。このように、キャッシュをクリアして設定を追加/変更する必要はありません。それはいつも私のために働きます。