CSS文件的更改未加载

Question

在现有项目中，CSS文件使用less进行编译。在web/css/我有三个文件：all.less，main.less和styles.less：

web/css/all.less：

@import '../vendor/bootstrap-2.3.2/less/bootstrap.less';
@import 'styles.less';
@import 'main.less';

在styles.less档案中，我添加了下一行：

.btn {
    font-size: 13px !important;
}

此课程（。btn）没有更多!important个标签。

然后我用命令行编译all.less文件：

lessc web/css/all.less

并且已编译的文件（web/compiled/b2b7f11.css）具有添加的行（.btn {...）。

从模板中调用此CSS文件：

    {% stylesheets output='compiled/css/*.css' 'css/all.less' %}
        <link rel="stylesheet" href="{{ asset_url }}" />
    {% endstylesheets %}

但是当我重新加载浏览器时（清除浏览器缓存后），未加载更改（font-size）。 font-size规则仍保留较旧的值（14px）。我不知道我错过了什么？

我正在开发环境，因此我不需要清除缓存。

Answer 1

我正在清除生产模式的缓存。解决了下一个命令：

php app/console cache:clear --env=dev --no-debug

Answer 2

快速搜索引导我进入Symfony2, loading css files without cache

点击选定的答案并告诉我它是否有效，这似乎与您的问题相近。

-Karink。