wbl/magento-minify

简单启用js和css压缩。

安装次数: 1,004

依赖项: 0

建议者: 0

安全性: 0

星标: 61

关注者: 7

分支: 30

公开问题: 5

语言:JavaScript

类型:magento-module

dev-master 2015-06-26 10:16 UTC

This package is not auto-updated.

Last update: 2024-09-28 20:09:04 UTC


README

Magento js file minified

简介

WBL_Minify 扩展可以使 magento 合并后的 css 文件和/或 js 文件进行压缩。您可以选择使用 YUICompressor(包含)。在这种情况下,请确保您的服务器上已安装 Java 和 MAGE_ROOT_DIR/lib/YUICompressor.(-version-).jar 可执行文件。或者,您可能更喜欢 PHP 压缩类(包含)。

PHP 压缩库(Minify_Css_Compressor , JSMin)来自 Stephen Clay 的 Minify 项目 - http://code.google.com/p/minify/

事实

行为

此扩展简单地压缩 css 和 js 内容,在合并后的文件按正常 magento 行为保存之前。无需缓存代理服务器,或任何复杂的东西:简单的真正的 js 和 css magento 浏览器缓存行为,但有压缩文件 ;)

安装

使用 modgit 安装

$ cd /path/to/magento
$ modgit init
$ modgit -e README.md clone magento-minify git://github.com/azurams/Magento-Minify.git

使用 modman 安装

$ cd /path/to/magento
$ modman init
$ modman clone WBL_Minify git://github.com/azurams/Magento-Minify.git

手动下载包

  • 在此处下载最新版本 这里
  • 解压到 magento 根目录
  • 清理缓存

在 magento 后台登出然后登录,转到系统 > 配置 > 开发者 > 压缩设置。然后刷新 media/js 和 media/css 文件...就这样!

新功能 LESS 支持

LESS:动态样式表语言。

能够使用 lessphp 编译 less 文件,并在合并禁用时添加 less.js。

将 .less 文件添加到您的脚本中非常简单

<layout>
    <default>
        <reference name="head">
            <action method="addItem"><type>skin_css</type><stylesheet>less/responsive.less</stylesheet></action>
        </reference>
    </default>
</layout>

新功能 文件分组功能

建议在 Magento 中禁用合并,因为看似的性能收益并不像它们看起来那么真实。请参阅 Fishpig 的优秀文章: 为什么您不应该在 Magento 中合并 JavaScript

它是如何工作的?

js 和 css 文件通常合并为一个大型文件,使用此方法,您可以按相关组分组它们(例如,产品页面有自己的组)。更多示例

<layout>
	<!-- we add a group specifically for each locale, when customers are switching a language the whole css doesn't need to be reloaded -->
    <default>
        <reference name="head">
            <action method="addItem"><type>skin_css</type><stylesheet>less/responsive.less</stylesheet><params/><if/><cond/><group>locale</group></action>
            <!-- not the the <params/>, <if/> and the <cond/>, those are required. -->
        </reference>
    </default>

    <!-- on the product page we include the js in a different group (given the same name as the handle) -->
    <catalog_product_view>
        <reference name="head">
            <action method="addJs"><script>varien/product.js</script><params/><group>catalog_product_view</group></action>
            <!-- addCss works the same, addCssIe and addJsIe work the same -->
        </reference>
    </catalog_product_view>
</layout>

许可证

???