更新Grav主題的「未縮小」CSS文件後，如何縮小CSS？

我正在使用土星網站主題來自Grav（https://getgrav.org/downloads/skeletons），並且想要更改主頁的背景圖像（以及最終的其他樣式）。在主題的自定義CSS（user/themes/saturn/css/custom.css）中，我更改了背景圖像，但未更新新圖像，除非我更新了custom.css和custom.min.css。更新Grav主題的「未縮小」CSS文件後，如何縮小CSS？

我認爲改變這兩個文件是不合適的;系統應該生成一個新版本的縮小CSS。讀GRAV文檔（https://learn.getgrav.org/themes/asset-manager）我發現GRAV提供

的資產管道可用於來縮小和壓縮資產以減少瀏覽器請求的數量，也是資產的整體規模。

如何運行這個管道更新/再縮小主題的CSS？或者我需要安裝一個單獨的CSS縮小工具？

其他信息：我user/config/system.yaml文件包括這樣的：

assets: css_pipeline: false # The CSS pipeline is the unification of multiple CSS resources into one file css_minify: true # Minify the CSS during pipelining css_rewrite: true # Rewrite any CSS relative URLs during pipelining

來源

2017-05-07 Schomes

雖然GRAV的根目錄嘗試運行bin/grav clear。這應該更新縮小的CSS文件。

來源

2017-05-09 23:09:34

Grav只會縮小主題中加載的文件。

根據https://github.com/getgrav/grav-theme-saturn/blob/develop/templates/partials/base.html.twig,custom.min.css是加載的CSS文件，所以Grav會縮小它，而不是custom.css。

你有3個解決方案：

編輯在base.html.twig {% do assets.addCss('theme://css/custom.min.css') %} 行至 {% do assets.addCss('theme://css/custom.css') %} 那麼你可以添加任何你喜歡custom.css和GRAV會再壓縮它。但是，如果你這樣做，當你更新主題時，base.html.twig中的更改將會丟失。
您只需將CSS添加到custom.min.css並且根本不需要將其縮小（儘管其名稱爲*.min.css），Grav將幫助您縮小它。這樣，當您更新主題時，custom.min.css中的更改仍然會丟失。
創建此主題的兒童主題，覆蓋base.html.twig並應用上面的第一個或第二個解決方案。這樣，更新主題時，您的更改不會丟失。但是這需要Grav開發技能。

來源

2017-08-19 07:55:00

更新Grav主題的「未縮小」CSS文件後，如何縮小CSS？

回答

相關問題