鍍金池/ 教程/ PHP/ 如何使用 YUI Compressor 裁剪 Javascripts 和 Stylesheets
如何以非繼承方式自定義方法
如何創(chuàng)建事件監(jiān)聽器
如何以非繼承方式擴(kuò)展一個(gè)類
如何記錄消息到不同的文件
如何掌握并創(chuàng)建新的環(huán)境
如何使用 Doctrine DBAL
"XXX is deprecated" E-USER-DEPRECATED 的警告是什么意思?
在登錄表單中使用 CSRF 保護(hù)
如何注冊(cè)自定義 DQL 函數(shù)
如何為表單類配置空數(shù)據(jù)
如何嵌入集合表單
如何創(chuàng)建自定義認(rèn)證提供者
如何使用 Apache Router
如何組織配置文件
部署在 Microsoft Azure 云
如何在路由參數(shù)中允許"/"字符
如何在安全,路由,服務(wù)和驗(yàn)證中使用表達(dá)式
如何對(duì)顯示控制臺(tái)信息配置 Monolog
如何為一個(gè) Bundle 創(chuàng)建友好的配置
如何改變默認(rèn)的目標(biāo)路徑行為
如何在運(yùn)行測試之前自定義引導(dǎo)過程
如何從路由向控制器傳輸額外的信息
如何從數(shù)據(jù)庫(實(shí)體提供者)讀取安全用戶
如何從 Controller 調(diào)用一個(gè)命令
如何創(chuàng)建自定義表單密碼驗(yàn)證器
如何使用內(nèi)建的 PHP Web 服務(wù)器
如何在功能測試中用 Token 模擬認(rèn)證
配置 Session 文件的保存目錄
理解前端控制器、內(nèi)核及環(huán)境如何協(xié)同工作
如何實(shí)現(xiàn)一個(gè)簡單的注冊(cè)表單
如何使用 Doctrine 擴(kuò)展:Timestampable, Sluggable, Translatable 等等
如何使用多個(gè)實(shí)體管理器和連接
如何自定義表單渲染
如何安裝第三方 Bundles
使用預(yù)認(rèn)證安全防火墻
如何簡化多個(gè) Bundle 的配置
會(huì)話代理實(shí)例
安裝 Composer
如何冒充一個(gè)用戶
如何注冊(cè)一個(gè)新的請(qǐng)求格式和 MIME 類型
如何在功能測試中使用分析器
如何在服務(wù)容器內(nèi)設(shè)置外部參數(shù)
如何重寫 Symfony 默認(rèn)的目錄結(jié)構(gòu)
如何在一個(gè) Symfony 控制器中創(chuàng)建一個(gè) SOAP 的 Web 服務(wù)
如何使用序列化
部署在 Platform.sh
升級(jí)一個(gè)副版本
如何寫一個(gè)自定義的 Twig 擴(kuò)展
如何在 SubVersion 中創(chuàng)建并保存一個(gè) Symfony 項(xiàng)目
使用 PHP 庫聯(lián)合,編譯和最小化 Web 資產(chǎn)
如何創(chuàng)建一個(gè)自定義的數(shù)據(jù)收集器
如何使用和注冊(cè)命名空間路徑
如何使用 Monolog 記錄日志
如何建立一個(gè)傳統(tǒng)的登錄表單
如何強(qiáng)制路由總是使用 HTTPS 或者 HTTP
如何在模板中使用 PHP 而不是 Twig
如何動(dòng)態(tài)選擇密碼加密算法
避免匿名用戶開始 Session 會(huì)話
如何測試 Doctrine 倉庫
如何在功能測試中測試一封電子郵件被發(fā)送
Symfony2 與 Symfony1 的區(qū)別
使用結(jié)尾反斜線重定向 URL
(configuration)如何在數(shù)據(jù)庫中使用 PdoSessionHandler 存儲(chǔ) Sessions
如何使用匹配器有條件地啟用分析器
部署在 Heroku 云
如何不用自定義控制器配置重定向
如何在 Bundle 內(nèi)部加載服務(wù)配置
如何處理不同的錯(cuò)誤級(jí)別
如何在應(yīng)用中保護(hù)服務(wù)和方法
如何對(duì)表單單元測試
如何把命令定義為服務(wù)
如何配置 Monolog 從日志中排除 404 錯(cuò)誤
如何使用控制臺(tái)
如何測試與數(shù)據(jù)庫交互的代碼
如何在路由中使用除了 GET 和 POST 的 HTTP 方法
如何使用云服務(wù)發(fā)送電子郵件
如何創(chuàng)建一個(gè)控制臺(tái)命令
在遺留的應(yīng)用上使用 Symfony Session
如何使用高級(jí)的訪問控制列表
如何不用一個(gè)自定義的控制器渲染一個(gè)模板
如何重寫部分 Bundle
升級(jí)一個(gè)主版本
安全訪問控制是如何工作的
如何使用 Bundle 的繼承來重寫部分 Bundle
如何使用 Voter 檢查用戶權(quán)限
如何為多個(gè) Doctrine 的實(shí)現(xiàn)提供模型類
如何使用作用域
如何部署一個(gè) Symfony 應(yīng)用
如何用 "inherit-data" 減少代碼冗余
如何注冊(cè)事件監(jiān)聽器和訂閱
使用 Bower 安裝 Symfony
如何創(chuàng)建一個(gè)自定義路由加載器
如何創(chuàng)建一個(gè)自定義的驗(yàn)證限制
在獨(dú)立注入類中使用參數(shù)
如何使用 Assetic 和 Twig Functions 進(jìn)行圖像優(yōu)化
如何利用表單事件動(dòng)態(tài)修改表單
如何在過濾器的前后設(shè)置事件分發(fā)器
如何在 Bundle 中使用 Compiler Passes
緩存包含 CSRF 保護(hù)表單的頁面
如何注入變量到所有的模板(如全局變量)
如何創(chuàng)建一個(gè)自定義表單域類型
如何限定防火墻使其只允許通過指定請(qǐng)求
如何把 Controller 定義為服務(wù)
如何使用 Gmail 發(fā)送郵件
升級(jí)一個(gè)補(bǔ)丁版本
如何創(chuàng)建一個(gè)表單類型擴(kuò)展
如何對(duì)不同的 URL 強(qiáng)制使用 HTTPS 或者 HTTP
如何使用 Varnish 加速我的 Web 站點(diǎn)
如何定義虛擬類和接口之間的關(guān)系
如何自定義登錄表單
如何測試多個(gè)客戶端的交互
PSR-7 Bridge
如何使用 YUI Compressor 裁剪 Javascripts 和 Stylesheets
在用戶的 Session 中使用局部 "Sticky"
如何定制錯(cuò)誤頁
如何從已存在的數(shù)據(jù)庫中生成實(shí)體
如何用 Doctrine 上傳文件
可復(fù)用 Bundles 的最佳實(shí)踐
如何發(fā)送一封電子郵件
如何將 Assetic Filter 應(yīng)用到具體的文件擴(kuò)展名上
切換分析器存儲(chǔ)
如何上傳文件
限制 Session 元數(shù)據(jù)的寫入
如何使用多用戶提供者
如何使用數(shù)據(jù)轉(zhuǎn)換
配置一個(gè) Web 服務(wù)器
如何編程訪問分析器數(shù)據(jù)
如何在路由中使用服務(wù)容器參數(shù)
如何在控制臺(tái)生成 URL 和發(fā)送郵件
如何將你的開發(fā)環(huán)境優(yōu)化為調(diào)試環(huán)境
如何在控制臺(tái)命令中啟用日志
如何在功能測試中模擬 HTTP 認(rèn)證
如何使用 API 驗(yàn)證用戶
如何移除 AcmeDemoBundle
控制臺(tái)命令
如何配置 Symfony 使其工作在負(fù)載均衡和反轉(zhuǎn)代理
如何添加“記住我”登錄功能
如何使用 Assetic 進(jìn)行資產(chǎn)管理
如何限定防火墻使其接受指定主機(jī)
如何使用訪問控制列表(ACLs)
如何裁剪 CSS/JS 文件(使用 UglifyJS 和 UglifyCSS)
如何緩存電子郵件
如何使用 submit() 函數(shù)處理表單提交
如何在 Git 中創(chuàng)建并保存一個(gè) Symfony 項(xiàng)目
如何創(chuàng)建自定義用戶提供者
如何對(duì)電子郵件錯(cuò)誤配置 Monolog
如何在開發(fā)時(shí)使用電子郵件

如何使用 YUI Compressor 裁剪 Javascripts 和 Stylesheets

YUI Compressor 不再歸屬于雅虎。這就是為什么除非特別必要,否則強(qiáng)烈建議你避免使用 YUI 實(shí)用程序。閱讀如何裁剪 CSS/JS 文件(使用 UglifyJS 和 UglifyCSS)來尋求一種更新的現(xiàn)代的的替代品。

雅虎提供了一款優(yōu)秀的壓縮 JavaScripts 和 stylesheets 的實(shí)用工具這樣他們就可以在線路中傳輸?shù)母炝?,這就是 YUI Compressor。多虧了 Assetic,你可以很好的很容易的利用這個(gè)工具。

下載 YUI Compressor JAR

YUI Compressor 是由 Java 編寫的并且以 JAR 文件格式發(fā)布。從雅虎的網(wǎng)站下載 JAR 文件將它保存到 app/Resources/java/yuicompressor.jar。

設(shè)置 YUI Filters

現(xiàn)在你需要在你的應(yīng)用程序中設(shè)置兩個(gè) Assetic 過濾器,一個(gè)用來使用 YUI Compressor 來壓縮 JavaScripts,另一個(gè)用來壓縮 stylesheets:

YAML:

# app/config/config.yml
assetic:
    # java: "/usr/bin/java"
    filters:
        yui_css:
            jar: "%kernel.root_dir%/Resources/java/yuicompressor.jar"
        yui_js:
            jar: "%kernel.root_dir%/Resources/java/yuicompressor.jar"

XML:

<!-- app/config/config.xml -->
<assetic:config>
    <assetic:filter
        name="yui_css"
        jar="%kernel.root_dir%/Resources/java/yuicompressor.jar" />
    <assetic:filter
        name="yui_js"
        jar="%kernel.root_dir%/Resources/java/yuicompressor.jar" />
</assetic:config>

PHP:

// app/config/config.php
$container->loadFromExtension('assetic', array(
    // 'java' => '/usr/bin/java',
    'filters' => array(
        'yui_css' => array(
            'jar' => '%kernel.root_dir%/Resources/java/yuicompressor.jar',
        ),
        'yui_js' => array(
            'jar' => '%kernel.root_dir%/Resources/java/yuicompressor.jar',
        ),
    ),
));

Windows 用戶需要記住升級(jí)設(shè)置來適應(yīng) Java 位置。在 Windows 7 64 位系統(tǒng)中默認(rèn)目錄是 C:\Program Files (x86)\Java\jre6\bin\java.exe

現(xiàn)在你可以在你的應(yīng)用程序中訪問兩個(gè)新的 Assetic 過濾器:yui_cssyui_js。這些將會(huì)使用 YUI Compressor 來分別壓縮 stylesheets 和 JavaScripts。

壓縮你的資產(chǎn)

現(xiàn)在你已經(jīng)設(shè)置了 YUI Compressor,但是在你的資產(chǎn)上應(yīng)用這些過濾器之前什么都不會(huì)發(fā)生。由于你的資產(chǎn)是視圖層的一部分,這個(gè)工作已經(jīng)在你的模板中做完了:

Twig:

{% javascripts '@AppBundle/Resources/public/js/*' filter='yui_js' %}
    <script src="{{ asset_url }}"></script>
{% endjavascripts %}

PHP:

<?php foreach ($view['assetic']->javascripts(
    array('@AppBundle/Resources/public/js/*'),
    array('yui_js')
) as $url): ?>
    <script src="<?php echo $view->escape($url) ?>"></script>
<?php endforeach ?>

上述例子假設(shè)你已經(jīng)有了名為 AppBundle 的 bundle 并且你的 JavaScript 文件在你的 bundle 下的 Resources/public/js 目錄下。盡管這并不是很重要——你可以包括 JavaScript 文件無論它們?cè)谀摹?

在為上述的 asset 標(biāo)簽增加了 yui_js 過濾器之后,你應(yīng)該可以看到壓縮過的 JavaScript 文件在線路中傳輸?shù)母炝?。可以采用相同的過程來壓縮你的 stylesheets。

Twig:

{% stylesheets '@AppBundle/Resources/public/css/*' filter='yui_css' %}
    <link rel="stylesheet" type="text/css" media="screen" href="{{ asset_url }}" />
{% endstylesheets %}

PHP:

<?php foreach ($view['assetic']->stylesheets(
    array('@AppBundle/Resources/public/css/*'),
    array('yui_css')
) as $url): ?>
    <link rel="stylesheet" type="text/css" media="screen" href="<?php echo $view->escape($url) ?>" />
<?php endforeach ?>

在調(diào)試模式下禁用壓縮

壓縮過的 JavaScripts 和 stylesheets 文件很難被讀取,更不必說是調(diào)試模式。因?yàn)檫@個(gè),當(dāng)你的應(yīng)用程序在調(diào)試模式的時(shí)候資產(chǎn)需要你禁用一些過濾器。你可以通過預(yù)先添加問號(hào):?修改你的模板中的過濾器的名稱來達(dá)到這個(gè)目的。這就可以告訴 Assetic 只有在調(diào)試模式關(guān)閉的時(shí)候才開啟這些過濾器。

Twig:

{% javascripts '@AppBundle/Resources/public/js/*' filter='?yui_js' %}
    <script src="{{ asset_url }}"></script>
{% endjavascripts %}

PHP:

<?php foreach ($view['assetic']->javascripts(
    array('@AppBundle/Resources/public/js/*'),
    array('?yui_js')
) as $url): ?>
    <script src="<?php echo $view->escape($url) ?>"></script>
<?php endforeach ?>

為了替代在 asset 標(biāo)簽添加過濾器,你也可以通過添加過濾器設(shè)置中的 apply_to 來通通禁用,例如在 yui_js 過濾器的 apply_to: ".js$"。在產(chǎn)品中僅僅使用過濾器,添加這個(gè)到 config_prod 文件而不是通用設(shè)置文件。更多詳細(xì)的通過文件擴(kuò)展應(yīng)用過濾器,參見基于文件擴(kuò)展的過濾器應(yīng)用。