Munee：一款強大的PHP資產(chǎn)管理工具，告別NodeJS

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

核心優(yōu)勢：

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

為什么選擇Munee？

Munee旨在簡化資產(chǎn)管理。它動態(tài)執(zhí)行許多我們以前必須手動完成的任務(wù)（即，當(dāng)客戶端請求資產(chǎn)時），從而節(jié)省時間。以下是您可能想要使用Munee的一些原因：

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

Munee的工作原理：

安裝Munee后，它會自動開始在服務(wù)器上緩存資產(chǎn)，發(fā)送正確的客戶端緩存頭，并開始發(fā)送gzip壓縮的響應(yīng)，以及對請求的LESS、SCSS和CoffeeScript文件的編譯輸出。

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

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

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

用于向Munee提供指令的查詢字符串參數(shù)稱為過濾器。

Munee如何緩存資產(chǎn)？

為了實現(xiàn)客戶端緩存，它在發(fā)送請求資產(chǎn)的響應(yīng)時設(shè)置Cache-Control: must-revalidate標(biāo)頭。它還會讀取HTTP請求中的緩存標(biāo)頭，并根據(jù)客戶端緩存中是否有最新資產(chǎn)來發(fā)送響應(yīng)或304 Not Modified狀態(tài)。

為了實現(xiàn)服務(wù)器端緩存，它將編譯、壓縮和處理后的資產(chǎn)存儲在單獨的目錄中。

它可以在運行時檢測原始資產(chǎn)的更改。當(dāng)它檢測到原始資產(chǎn)的更改時，它會更新服務(wù)器緩存，并強制客戶端使用最新文件。

安裝Munee：

使用以下命令安裝：

composer require meenie/munee

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

現(xiàn)在我們需要創(chuàng)建一個PHP文件，該文件負(fù)責(zé)使用Munee優(yōu)化、處理、編譯和壓縮資產(chǎn)。為此，創(chuàng)建一個名為munee.php的PHP文件：

<?php
require "vendor/autoload.php";

echo \Munee\Dispatcher::run(new \Munee\Request());

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

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

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

如果您使用的是Nginx，則必須根據(jù)此問題和此gist修改實際虛擬主機設(shè)置以進行URL重寫規(guī)則。

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

在本教程的其余部分，我們將假設(shè)您使用的是.htaccess。

安裝Munee的目錄樹中的所有資產(chǎn)都將被優(yōu)化。

(以下內(nèi)容為對原文剩余部分的精簡概括，避免重復(fù)冗余)

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

壓縮CSS和JS文件： 在HTML中資產(chǎn)路徑添加minify=true參數(shù)即可。

處理圖像： Munee允許動態(tài)調(diào)整圖像大小、裁剪和著色，并支持灰度、負(fù)片轉(zhuǎn)換以及缺失圖像的占位符。 可以使用resize過濾器控制圖像大小和裁剪，placeholders數(shù)組在munee.php中配置缺失圖像的替代方案。 Munee內(nèi)置安全機制防止惡意圖像處理請求。

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

Munee API： 提供API供應(yīng)用程序手動優(yōu)化資產(chǎn)。

總結(jié)： Munee是動態(tài)管理資產(chǎn)的理想選擇。

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

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

以上是Munee的自動資產(chǎn)優(yōu)化的詳細內(nèi)容。更多信息請關(guān)注PHP中文網(wǎng)其他相關(guān)文章！