2016-09-25 55 views
0

所以這裏有一個問題。我是Sylius的新手,正在研究一些簡單的CSS更新。我有一個使用內置webserver運行的Sylius本地副本:server:run。我在Digital Ocean上也有一個開發服務器,除了當然配置之外,它還運行(幾乎)完全相同的Sylius副本。Sylius Stylesheet不重新加載

但是,我的CSS更新發生了一些奇怪的事情。我在web/assets/compiled/backend_backend_4.css中對.navbar-brand進行了更改。

這個改變立即顯示在我的本地。然而,在開發服務器上,當拉下更改(git)並驗證它現在存在於該文件中時,該更改似乎並未推出。它沒有顯示效果,檢查樣式​​表不顯示它們,而且直接在瀏覽器中查看CSS文件源代碼不會顯示更改。但在文件系統上,它絕對存在。

我試過清除緩存,無濟於事。

我還檢查了在這兩個config_dev.yml文件assetic值,並驗證它們都被設置爲use_controller:真

即使如此,我想傾銷assetic,無濟於事。

所以我想知道發生了什麼事。另外,我意識到我可能不應該在名爲'compiled'的文件夾中編輯CSS文件。我確信有一種方法可以使用編譯器來實現這一點,但我還不熟悉這個過程,並且只是稍作改動並學習緩存到目前爲止。

回答

0

我記錄在這裏爲我工作的解決方案。它不涉及咕嘟咕嘟可言,而是使用Assetic:

  • 資產需要先安裝硬拷貝(我不是很確定 這是什麼一樣了,但是那似乎是因爲一個重要步驟。 它複製了大量資產,以地方文件是沒有好處的,但 有人建議對堆棧溢出的地方):
    • 應用程序/控制檯資產:安裝網絡
  • 資產應在網編輯/束/ [捆這裏]/css或js。這個 經常在syliusweb中,如果它與頁面樣式/ 佈局有關。
    • 提示:這些資產在文件中被引用,如 src/Sylius/Bundle/Resources/views/Backend/layout.html。小枝(見 開口道:

(%樣式

標籤,或普遍此標記搜索) 在這個標籤,你會看到,樣式有一個。輸出到編譯的文件夾,但也列出 捆綁他們拉他們原來的CSS來源。你應該編輯一個源CSS文件,如果你想你的變化最終在目的地的CSS。

  • 編輯資產後,傾倒assetic:
    • PHP應用程序/控制檯assetic:轉儲
    • 注 - 還可以設置一個assetic觀察家對這些資產 (谷歌找出如何,認爲這是一個-w標誌的地方),但這是 據說只能在開發模式下工作,因爲它應該。

傾倒assetic後,從源包資產編譯成他們的資產/編譯版本,通常組合多個樣式表。你現在應該看到你的資產更新!

1

是的你是對的,你不應該編輯編譯的文件。

您應該修改的源文件,然後運行gulp

或我的系統上,我必須明確地運行npm run gulp

+0

我已經安裝了gulp,現在可以成功運行了。所以我進入了包含我所針對的css類的源文件:src/Sylius/Bundle/WebBundle/Resouces/public/css/backend.css。我做了我的改變,然後我跑了Gulp,成功地完成了。但是,當我這樣做時,其他引用此類的css表單似乎沒有更新以反映我的更改。我之前編輯的編譯文件夾中的樣式表似乎沒有從我的更改重新編譯,它保持完全一樣。我想因爲它沒有被縮小,編譯可能意味着更少或更糟糕?不確定 – carbide20