使用bootstrap,bower和symfomy 2

时间:2016-05-30 15:50:40

标签: symfony routes bower assets

我正在与Bower合作开发一个Symfony 2项目来管理我网站的所有前端软件包。我的Web应用程序使用assetic和UglifyCSS / JS来缩小和压缩所有资产。

我创建了一个.bowerrc文件来指定存储包的目录(在AssetsBundle中),并通过assets:install和assetic:dump使用Assetic和UglifyCSS / JS。

{
  "directory": "src/efor/CoreBundle/Resources/public/bower_plugins"
}

这一切都运行良好,压缩资产也没有问题。

我的问题是关于与Bower一起安装的Bootstrap软件包,bootstrap.css文件需要位于一级的fonts文件夹,并且它们包含在那里:

@font-face {
  font-family: 'Glyphicons Halflings';
  src: url('../fonts/glyphicons-halflings-regular.eot');
  ...
}

当我使用UglifyXX缩小所有文件并重新加载网站时,我在Chrome控制台中发现了此错误:

GET -> http://www.mywebsite.local/fonts/glyphicons-halflings-regular.woff2(404 Not Found)
...

该文件的真实位置(字体)应为http://www.mywebsite.local/bundles/core/bower_plugins/bootstrap/fonts/glyphicons-halflings-regular.woff2

然后,我必须指定内部css文件到另一个外部资源的位置,因为相对路由不起作用,但我不知道如何,因为如果我修改已安装包的css文件内的路由,当我将其更新为高级版本时,我将错过所有更改,这是一种不好的做法。

有关如何执行此操作的任何建议吗?

非常感谢您提前!

关心所有¡

1 个答案:

答案 0 :(得分:0)

也许如果您将其添加到配置cf documentation

# app/config/config.yml
assetic:
    debug:          '%kernel.debug%'
    use_controller: '%kernel.debug%'
    filters:
        cssrewrite: ~
相关问题