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

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

核心優(yōu)勢(shì)：

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

為什麼選擇Munee？

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

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

Munee的工作原理：

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

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

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

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

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

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

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

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

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

安裝Munee：

使用以下命令安裝：

composer require meenie/munee

如果您嘗試在共享託管服務(wù)器上安裝Munee，請(qǐng)?jiān)诒镜赜?jì)算機(jī)上手動(dòng)使用composer require Munee，並將vendor目錄上傳到託管服務(wù)器。

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

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

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

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

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

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

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

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

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

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

(以下內(nèi)容為對(duì)原文剩餘部分的精簡(jiǎn)概括，避免重複冗餘)

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

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

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

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

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

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

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

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

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