Munee的自動資產優化

Munee：一款強大的PHP資產管理工具，告別NodeJS

Munee 是一款基於PHP的資產管理工具，它能夠編譯LESS、SCSS或CoffeeScript，處理圖像，壓縮CSS和JS，並在服務器端和客戶端動態緩存資產。它支持PHP 5.3及更高版本。本教程將講解如何使用Munee簡化模板中資產的包含方式，以及它的安裝、工作原理和使用方法。 Munee 為PHP應用的資產管理提供了一種替代NodeJS的方案。

核心優勢：

• 全能型資產管理： Munee 能夠編譯LESS、SCSS和CoffeeScript，處理圖像，壓縮CSS和JS，並實現服務器端和客戶端緩存。它自動化了許多原本需要手動完成的任務，從而節省時間。
• 動態處理： Munee 通過攔截客戶端對CSS、LESS、SCSS、JS、CoffeeScript和各種圖像格式文件的請求，根據查詢字符串參數處理或壓縮這些資產。它還通過將編譯、壓縮和處理後的資產存儲在單獨的目錄中來實現服務器端緩存。
• 圖像處理： 除了編譯和壓縮CSS和JS文件外，Munee還能動態調整圖像大小、裁剪、著色，以及將圖像轉換為灰度或負片效果。它還可以使用默認圖像替換缺失的圖像，並組合資產以減少獲取所有資產所需的HTTP請求總數。
• 易於安裝和定制： Munee 可以通過Composer輕鬆安裝，並提供API供應用程序手動優化、處理和壓縮資產。這是一個高度可定制的工具，允許開發人員指定要使用的優化技術並調整壓縮級別。

為什麼選擇Munee？

Munee旨在簡化資產管理。它動態執行許多我們以前必須手動完成的任務（即，當客戶端請求資產時），從而節省時間。以下是您可能想要使用Munee的一些原因：

1. 我們經常對CSS、LESS、SCSS、JavaScript和CoffeeScript文件進行小的更改。每次更改都需要編譯和壓縮它們。 Munee會自動完成這些操作。
2. 許多共享的網絡託管服務器沒有啟用gzip。如果您使用Munee，它將使用PHP壓縮文件，忽略此限制。
3. 您無需擔心向.htaccess文件添加緩存指令。 Munee將負責服務器端和客戶端資產緩存。
4. Munee可以動態處理圖像，對於響應式網頁設計非常方便。您無需為不同尺寸維護不同的圖像文件。

Munee的工作原理：

安裝Munee後，它會自動開始在服務器上緩存資產，發送正確的客戶端緩存頭，並開始發送gzip壓縮的響應，以及對請求的LESS、SCSS和CoffeeScript文件的編譯輸出。

要為處理圖像或壓縮CSS和JS文件提供指令，您需要向資產路徑添加查詢字符串參數。

為了能夠處理或壓縮資產，Munee需要攔截客戶端對CSS、LESS、SCSS、JS、CoffeeScript和各種圖像格式文件的請求。為了讓Munee攔截對這些資產的客戶端請求，我們需要向.htaccess文件添加內部重寫規則（Nginx說明也在下面）。

Munee使用其他第三方庫（如imagine、leafo、meenie、tedivm等）來調整大小、處理、編譯和壓縮資產。

用於向Munee提供指令的查詢字符串參數稱為過濾器。

Munee如何緩存資產？

為了實現客戶端緩存，它在發送請求資產的響應時設置Cache-Control: must-revalidate標頭。它還會讀取HTTP請求中的緩存標頭，並根據客戶端緩存中是否有最新資產來發送響應或304 Not Modified狀態。

為了實現服務器端緩存，它將編譯、壓縮和處理後的資產存儲在單獨的目錄中。

它可以在運行時檢測原始資產的更改。當它檢測到原始資產的更改時，它會更新服務器緩存，並強制客戶端使用最新文件。

安裝Munee：

使用以下命令安裝：

<code class="language-bash">composer require meenie/munee</code>

如果您嘗試在共享託管服務器上安裝Munee，請在本地計算機上手動使用composer require Munee，並將vendor目錄上傳到託管服務器。

現在我們需要創建一個PHP文件，該文件負責使用Munee優化、處理、編譯和壓縮資產。為此，創建一個名為munee.php的PHP文件：

<code class="language-php"><?php
require "vendor/autoload.php";

echo \Munee\Dispatcher::run(new \Munee\Request());</code>

現在我們需要將對CSS、LESS、SCSS、JS、CoffeeScript和各種圖像格式文件的資產請求重定向到munee.php。我們可以使用服務器的內部URL重寫規則來實現這一點。

如果您使用的是Apache，請將此代碼放在放置munee.php文件的目錄的.htaccess文件中：

<code class="language-apache">RewriteEngine On
RewriteRule ^(.*\.(?:css|less|scss|js|coffee|jpg|png|gif|jpeg))$ munee.php?files=/ [L,QSA,NC]</code>

如果您使用的是Nginx，則必鬚根據此問題和此gist修改實際虛擬主機設置以進行URL重寫規則。

如果您的服務器上禁用了.htaccess，或者您不想使用.htaccess進行重寫，那麼您可以手動將文件路徑傳遞到munee.php，而不是在HTML中使用資產路徑。

在本教程的其餘部分，我們將假設您使用的是.htaccess。

安裝Munee的目錄樹中的所有資產都將被優化。

(以下內容為對原文剩餘部分的精簡概括，避免重複冗餘)

編譯SCSS、LESS和CoffeeScript： 只需在HTML中指向這些文件，Munee將自動處理服務器端的編譯。

壓縮CSS和JS文件： 在HTML中資產路徑添加minify=true參數即可。

處理圖像： Munee允許動態調整圖像大小、裁剪和著色，並支持灰度、負片轉換以及缺失圖像的佔位符。 可以使用resize過濾器控製圖像大小和裁剪，placeholders數組在munee.php中配置缺失圖像的替代方案。 Munee內置安全機制防止惡意圖像處理請求。

組合資產： 在HTML中使用逗號分隔文件路徑即可組合多個CSS或JS文件。

Munee API： 提供API供應用程序手動優化資產。

總結： Munee是動態管理資產的理想選擇。

常見問題解答 (FAQ)： (原文FAQ部分已精簡概括，保留核心信息)

Munee是一個獨立的PHP庫，用於自動化多種Web性能優化任務。它與其他工具相比，無需額外軟件，高度靈活可定制，支持多種文件類型和優化技術。 它可以處理圖像優化、CSS和JavaScript優化，並支持自定義優化設置。 系統要求為PHP 5.3或更高版本，以及GD庫和LESS/SCSS編譯庫。

以上是Munee的自動資產優化的詳細內容。更多資訊請關注PHP中文網其他相關文章！