利用YUI Compressor对JS、CSS文件进行压缩

YUI Compressor简介

JS/CSS文件压缩工具,压缩原因以及作用自行脑补,更多介绍可查看 http://yui.github.io/yuicompressor/

下载地址

地址:https://github.com/yui/yuicompressor

如何使用

首先要确保安装了JDK,关于JDK的安装,可参考http://www.cnblogs.com/chyingp/archive/2013/04/09/jdk.html

下面拿个简单的例子做演示(macx控制台下操作,windows操作类似)

1、首先进入YUI Comprossor build目录

可以看到有个yuicompressor-2.4.8pre.jar

frontEndTool/yuicompressor-master/build

2、新建a.js、b.js,随便往里面写点内容,以a.js为例,如下:

`vim a.js`

a.js内容如下:

function hello(nick){
    var country = 'China';
    console.log(nick);
}
hello('casper');

3、单文件压缩示例

java -jar yuicompressor-2.4.8pre.jar a.js -o a-min.js

压缩后的文件a-min.js

function hello(a){console.log(a)}hello("casper");

4、多文件压缩示例

java -jar yuicompressor-2.4.8pre.jar '.js$:-min.js' *.js

作用:将a.js、b.js分别压缩成a-min.js、b-min.js

结合ANT使用

TODO:留坑待填

时间: 2025-01-02 17:49:18

利用YUI Compressor对JS、CSS文件进行压缩的相关文章

YUICompressor+ANT压缩Java Web工程前端js/css文件

最近team里有个jsp工程想要做一些性能上的优化, 需要对工程里的前端部分(主要是js和css)做一些压缩(这是一个老旧重的工程,重构的成本非常大,也没有人力,只能一步一步去优化).想到与传统ANT工具结合的比较好的yuicompressor. yuicompressor下载 下载地址: http://maven.aliyun.com/nexus/service/local/repositories/central/content/com/yahoo/platform/yui/yuicompr

使用 YUI Compressor对JavaScript和CSS文件进行压缩优化(转)

本 文向您介绍如何通过在您的 CSS 和 JavaScript 文件中 - 两种易于优化的常见资源,使用社区中提供的工具即可完成优化 - 优化空间使用来实现更高的性能.然而,在继续之前,有一点是很重要的,压缩 CSS 和 JavaScript 文件只是为了让您的 web 应用程序 "轻巧" 的诸多操作其中的两个技术.    为了从本文中获得最大收益,您需要安装下列工具: 一个文本编辑器 Java Runtime Environment 1.4 或者更新版本    问题:空白内容 当 开

Yii2中使用asset压缩js,css文件的方法_php实例

官网文档 http://www.yiiframework.com/doc-2.0/guide-structure-assets.html yii目录下运行 asset/template assets.php 生成assets.php,这是一个配置模板,并修改如下 <?php /** * Configuration file for the "yii asset" console command. */ // In the console environment, some pat

Yii2中使用asset压缩js,css文件的方法

官网文档 http://www.yiiframework.com/doc-2.0/guide-structure-assets.html yii目录下运行 asset/template assets.php 生成assets.php,这是一个配置模板,并修改如下 <?php /** * Configuration file for the "yii asset" console command. */ // In the console environment, some pat

对网站中的js,css文件进行打包

一,为什么要用smarty进行打包 apache中也有给js,css这样的静态文件进行打包压缩的模块,但是本文所说的不是以这种方式进行的打包,而是和smarty结合的方式来把网站中的js,css文件进行打包. 为什么要进行打包呢,主要目的是为了合理的管理自己的代码 .现在有好多网站,你查看一下网站的源码的话,你会发现网站的头部有大量的JS文件和CSS文件,网站的尾部也有可能有大量的JS文件.以webqq为例吧: Java代码   <script type="text/javascript&

常用js,css文件统一加载方法(推荐) 并在加载之后调用回调函数_javascript技巧

为了方便资源管理和提升工作效率,常用的js和css文件的加载应该放在一个统一文件里面完成,也方便后续的资源维护.所以我用js写了以下方法,存放在"sourceController.js"文件内. function sourceController(){ var root = ""; var cssCount = 0; // css加载计数器 var jsCount = 0; // js加载计数器 this.callfunc = null; // 回调函数 this.

使用YUI+Ant 实现JS CSS压缩_php实例

今天研究了一下YUI yahoo开源框架,感觉很猛啊. 于是乎我做了一个YUI的ant实现,网上好多关于bat的实现,我就另辟蹊径,出个关于这个的ant实现,嘿嘿独一无二的文章,如果转载的话,其注明作者和网站 copyright:Mr.chen 好了具体操作如下: 官网: yuicompressor-2.4.6.jar 下载地址 http://yuilibrary.com/downloads/ YUIAnt.jar 下载地址 http://www.ubik-ingenierie.com/misc

Maven无法将YUICompressor插件压缩后的js/css文件放到输出文件夹中

YUI Compressor Maven插件可以压缩/合并js或css文件,经常用在Maven项目中,但最近发现在wabapp中执行了 mvn install 命令进行发布之后,终端中显示插件已经执行了压缩的动作,但在输出文件夹或者war包中js和css文件都还是未压缩的原始文件. 项目./pom.xml文件相关内容如下:  代码如下 复制代码  <project>      <!-- 定义全局的变量 -->    <properties>      <!-- 编

ASP.NET MVC4之js css文件合并功能(3)_实用技巧

MVC4增加了一些新功能,接下来,我们来研究下MVC4中的新增功能,我们在新建一个MVC4项目的时候,会发现在项目下多出了一个App_Start文件夹,文件夹下面有4个文件,BundleConfig.cs,FilterConfig.cs,RouteConfig.cs,WebApiConfig.cs,其中BundleConfig.cs文件就是我们这一节要讲的的文件. 众所周知,浏览器在向服务器发送请求的时候,请求的文件连接数量是有限制的.使用BundleConfig可以将多个文件请求和并成一个请求