4

我无法让 twitter 引导程序工作。我知道有很多教程等等,但没有一个对我有用......

我的 composer.json 是:

"require":
    [...]
    "leafo/lessphp": "dev-master",
    "braincrafted/bootstrap-bundle": "dev-master",
    "twbs/bootstrap": "2.3.*"

我的资产配置是:

# Assetic Configuration
assetic:
    filters:
        lessphp:
            file: %kernel.root_dir%/../vendor/leafo/lessphp/lessc.inc.php
            apply_to: "\.less$"
        cssrewrite: ~
    assets:
        bootstrap_css:
            inputs:
                - %kernel.root_dir%/../vendor/twbs/bootstrap/less/bootstrap.less
                - %kernel.root_dir%/../vendor/twbs/bootstrap/less/responsive.less
            filters:
                - lessphp
                - cssrewrite
            output: css/bootstrap.css
        bootstrap_js:
            inputs:
                - %kernel.root_dir%/../vendor/twbs/bootstrap/js/bootstrap-transition.js
                - %kernel.root_dir%/../vendor/twbs/bootstrap/js/bootstrap-alert.js
                - %kernel.root_dir%/../vendor/twbs/bootstrap/js/bootstrap-button.js
                - %kernel.root_dir%/../vendor/twbs/bootstrap/js/bootstrap-carousel.js
                - %kernel.root_dir%/../vendor/twbs/bootstrap/js/bootstrap-collapse.js
                - %kernel.root_dir%/../vendor/twbs/bootstrap/js/bootstrap-dropdown.js
                - %kernel.root_dir%/../vendor/twbs/bootstrap/js/bootstrap-modal.js
                - %kernel.root_dir%/../vendor/twbs/bootstrap/js/bootstrap-tooltip.js
                - %kernel.root_dir%/../vendor/twbs/bootstrap/js/bootstrap-popover.js
                - %kernel.root_dir%/../vendor/twbs/bootstrap/js/bootstrap-scrollspy.js
                - %kernel.root_dir%/../vendor/twbs/bootstrap/js/bootstrap-tab.js
                - %kernel.root_dir%/../vendor/twbs/bootstrap/js/bootstrap-typeahead.js
                - %kernel.root_dir%/../vendor/twbs/bootstrap/js/bootstrap-affix.js
            output: js/bootstrap.js

最后::base.html.twig

{% block stylesheets %}
    <link rel="stylesheet" href="{{ asset('css/bootstrap.css') }}">
{% endblock %}

{% block javascripts %}
    <script src="{{ asset('js/bootstrap.js') }}"></script>
{% endblock %}

我正在尝试以不同的方式包含 js ans css,例如:

{% stylesheets '%kernel.root_dir%/../vendor/twbs/bootstrap/less/bootstrap.less' %}
    <link rel="stylesheet" href="{{ asset_url }}" />
{% endstylesheets %}

或者

{% stylesheets '@bootstrap_css' %}
    <link rel="stylesheet" href="{{ asset_url }}" />
{% endstylesheets %}

但它仍然无法正常工作,我收到 bootstrap.css 和 bootstrap.js 的 404 错误。

我的配置有什么问题?我在 Windows 7 64 位上使用 wamp 服务器。

让它工作的唯一方法是使用 cli 命令assetic:dump,但我认为这不是在开发环境中执行此操作的正确方法。

4

3 回答 3

5

最后,我只使用了来自 bootstrap 的 js 和 css 文件,而在 symfony 中没有任何捆绑包,因为它更快、更容易并且可能具有一些优点,例如任何 bootstrap 更新都不会使我的网站崩溃(参见 update bootstrap 2 to 3 ...) .

所以感谢大家的回答,但这对我来说是最好的解决方案。

于 2013-10-16T13:05:13.933 回答
0

因此,这是您问题的最终答案:

由于性能影响,您必须手动运行它。否则,如果您使用太多过滤器,则加载应用程序需要很长时间,这真的很令人沮丧。

在旧版本的 symfony 中,它似乎是自动完成的,但现在已被删除。

请参阅文档:http ://symfony.com/doc/current/cookbook/assetic/asset_management.html#dumping-asset-files-in-the-dev-environment

因此,您的代码和配置一切正常。

于 2013-09-26T07:00:29.040 回答
0

尝试将此添加到您的 config_dev.yml:

assetic:
    use_controller: true
于 2013-09-24T11:52:36.013 回答