Symfony2 : How to share js libs and css between bundles

Question

我有不同的捆绑包:MainBundle(主页)、SecurityBundle(登录、注册)、MessageBundle(消息系统)、ShopBundle。

我还遵循三阶段布局架构(::base.html.twig、AcmeMainBundle::layout.html.twig、AcmeMainBundle:Default:index.html.twig)。

但是我在通过应用程序(例如 jquery)共享通用 js 库和定义 base.css(设置一些基类、背景、字体等)时遇到问题

那么在不失去 Assets 支持的情况下使用共享 css 和 js 的最佳方法是什么？

一个想法是创建一个包含所有全局 js 和 css 以及一些布局文件的 CommonBundle，但我认为这不是处理这个问题的最佳方法......

Answer 1

如果您想在所有捆绑包中共享公共(public)资源，最好的选择是将它们放在 app/Resources/public 中。目录。例如:

app/Resources/Public
|-- css
|   `-- base.css
|-- js
|   `-- jquery.js

然后你可以在你的布局中引用它们，如下所示:

{% block stylesheets %}
  {% stylesheets '../app/Resources/public/css/*' %}
    <link rel="stylesheet" type="text/css" charset="UTF-8" media="all" href="{{ asset_url }}"/>
  {% endstylesheets %}
{% endblock %}

{% block javascripts %}
  <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
  {% javascripts '../app/Resources/public/js/*' %}
    <script type="text/javascript" src="{{ asset_url }}"></script>
  {% endjavascripts %}
{% endblock %}

备注:如您所见，对于 jQuery 等常用库，最好的选择仍然是使用 Google 托管的常用缓存版本。这种做法可以加快您的应用程序响应时间。