我正在使用带有罗盘过滤器的Assetic来传递和编译.scss文件。这部分设置似乎工作正常。但是,我的理解是,在app_dev环境中,Symfony 2会为每个页面加载重新编译所有资产(包括css),而不使用它为prod环境使用的缓存系统。
这似乎没有发生。
当我对.scss文件进行更改时,只有在我使用:
时才会生效 app/console cache:clear
我认为开发环境的重点是避免每次都这样做?!
我已经检查了缓存文件夹的权限(为了安全起见我设置了它们,以便任何人都可以读写)。有人有什么建议吗?
答案 0 :(得分:14)
如果你在dev中使用symfony 2资产。环境,只需使用this command:
php app/console assets:install
php app/console assetic:dump --watch
自版本2.4 --watch
is deprecated以来,已被替换为:
php app/console assetic:watch
答案 1 :(得分:10)
我想我在这里找到了答案:
assetic compass filter, css not updating when changing imported file (google groups discussion)
似乎如果对导入的文件进行了更改而没有对父文件进行任何更改,则不会重新编译父文件。在强制重新编译之前,不会看到结果是更改。
谷歌小组的海报通过编辑AsseticController提出了一个可能的修复方法(黑客!)。我还没有尝试过,但即使它有效,我也不想编辑供应商包。
答案 2 :(得分:3)
资产编译不是缓存系统的一部分。无论环境如何,您都需要在进行更改时重新安装资产。
app/console assets:install web
如果您所在的文件系统支持符号链接,则可以避免为每次更改运行此命令,而只需安装资产
app/console assets:install web --symlink
但是因为你正在使用Sass,这可能不适合你。
HTH
答案 3 :(得分:3)
我知道这是一个古老的话题,但我唯一能解答的答案是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 */
答案 4 :(得分:2)
我已经在本地开发中修复了这个问题,方法是在我的parameters.yml末尾添加一行,这基本上可以阻止任何资产缓存的发生。
# parameters.yml
...
assetic.cache.class: Assetic\Cache\ArrayCache
这应该从不包含在生产环境中,因为我们希望缓存发生!
答案 5 :(得分:0)
我用不同的方式。我正在开发期间添加所有.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 %}
在我完成开发后,我将其删除。 这样我就不需要清除缓存并添加/更改任何设置。它总是对我有用。