Sylius样式表无法重新加载

时间:2016-09-25 23:27:38

标签: sylius

所以这是一个问题。我是Sylius的新手,正在研究一些简单的CSS更新。我有一个Sylius的本地副本,运行内置的webserver:server:run。我还在Digital Ocean上有一个开发服务器,它运行一个(几乎)相同的Sylius副本,当然除了配置。

然而,我的CSS更新发生了一些奇怪的事情。我在web / assets / compiled / backend_backend_4.css中更改了.navbar-brand。

这一变化立即出现在我当地。但是,在开发服务器上,当下拉更改(git)并验证它现在存在于该文件中时,更改似乎无法推进。它的效果没有显示,检查样式​​表没有显示它们,而且直接在浏览器中查看css文件源代码并没有显示更改。但在文件系统上肯定存在。

我已经尝试清除缓存,但无济于事。

我还检查了两个config_dev.yml文件中的资产值,并验证它们都设置为use_controller:true

即便如此,我还是试图倾销资产,但无济于事。

所以我想知道发生了什么。另外,我意识到我可能不应该在名为“编译”的文件夹中编辑CSS文件。我确定使用编译器可以做到这一点,但我还不熟悉这个过程,而且到目前为止我只是做了一些小的改动并学习了缓存。

2 个答案:

答案 0 :(得分:1)

是的,你是对的,你不应该编辑已编译的文件。

您应该编辑源文件,然后运行gulp

或者在我的系统上,我必须明确地运行npm run gulp

答案 1 :(得分:0)

我在这里记录了对我有用的解决方案。它根本不涉及Gulp,而是使用Assetic:

  • 首先需要将资产安装为硬拷贝(我不太确定 这究竟是什么,但它似乎是一个重要的步骤,因为 它将大量资产复制到地方。文档没有用,但是 有人在Stack Overflow某处建议过。):
    • app / console assets:install web
  • 资产应该在web / bundles / [bundle-here] / css或js中编辑。这个 如果它与页面样式有关/经常在syliusweb内 布局。
    • 提示:这些资产在诸如的文件中引用 src / Sylius / Bundle / Resources / views / Backend / layout.html.twig(参见 开场:
  

(%stylesheets

标签,或普遍搜索此标签)。    在此标记中,您将看到样式表具有已编译文件夹的输出,但也列出了    捆绑他们从原来的css拉。如果您希望更改最终在目标css中,则应编辑其中一个源css文件。

  • 编辑资产后,转储资产:
    • php app / console assetic:dump
    • 注意 - 也可以在这些资产上设置资产观察者 (谷歌找出如何,认为它是某个地方的-w标志),但这是 据说只能在开发模式下工作。

在转储资产后,源包中的资产会编译成其资产/编译版本,通常会组合多个样式表。您现在应该看到资产刷新了!