這里提供了淘寶封裝的界面版本，方便使用。
壓縮css和js是我們工作中經(jīng)常要處理的一件事,這里介紹的是一款基于YUICompressor,淘寶封裝的css和js壓縮工具TBCompressor.

TBCompressor的安裝很簡(jiǎn)單,點(diǎn)擊install.cmd就可以了,安裝后會(huì)在里的右鍵菜單里出現(xiàn)"Compress CSS or JS"選項(xiàng),需要壓縮文件時(shí)只需選取目標(biāo)文件然后右鍵點(diǎn)選"Compress CSS or JS"即刻.壓縮后的文件會(huì)自動(dòng)重命名.

這款js壓縮工具，是最好用的，jquery等也用這個(gè)壓縮，壓縮率高，不會(huì)出現(xiàn)在線壓縮工具那樣的，各種各樣的錯(cuò)誤。

好處就是：減少js的體積，減少調(diào)用時(shí)間，提高網(wǎng)頁(yè)執(zhí)行效率，如果js過(guò)大就會(huì)導(dǎo)致加載慢，而導(dǎo)致頁(yè)面的一些效果不能正?？焖俚膱?zhí)行。

注意：這款軟件需要jdk支持，就是需要安裝jdk環(huán)境。

可以去官方下載 選擇Java SE Development Kit (JDK) JDK 6 Update **

Documentation
==============================================================================
YUI Compressor
==============================================================================

NAME

YUI Compressor - The Yahoo! JavaScript and CSS Compressor

SYNOPSIS

Usage: java -jar yuicompressor-x.y.z.jar [options] [input file]

Global Options
-h, --help Displays this information
--type <js|css> Specifies the type of the input file
--charset <charset> Read the input file using <charset>
--line-break <column> Insert a line break after the specified column number
-v, --verbose Display informational messages and warnings
-o <file> Place the output into <file>. Defaults to stdout.

JavaScript Options
--nomunge Minify only, do not obfuscate
--preserve-semi Preserve all semicolons
--disable-optimizations Disable all micro optimizations

DESCRIPTION

The YUI Compressor is a JavaScript compressor which, in addition to removing
comments and white-spaces, obfuscates local variables using the smallest
possible variable name. This obfuscation is safe, even when using constructs
such as 'eval' or 'with' (although the compression is not optimal is those
cases) Compared to jsmin, the average savings is around 20%.

The YUI Compressor is also able to safely compress CSS files. The decision
on which compressor is being used is made on the file extension (js or css)

GLOBAL OPTIONS

-h, --help
Prints help on how to use the YUI Compressor

--line-break
Some source control tools don't like files containing lines longer than,
say 8000 characters. The linebreak option is used in that case to split
long lines after a specific column. It can also be used to make the code
more readable, easier to debug (especially with the MS Script Debugger)
Specify 0 to get a line break after each semi-colon in JavaScript, and
after each rule in CSS.

--type js|css
The type of compressor (JavaScript or CSS) is chosen based on the
extension of the input file name (.js or .css) This option is required
if no input file has been specified. Otherwise, this option is only
required if the input file extension is neither 'js' nor 'css'.

--charset character-set
If a supported character set is specified, the YUI Compressor will use it
to read the input file. Otherwise, it will assume that the platform's
default character set is being used. The output file is encoded using
the same character set.

-o outfile
Place output in file outfile. If not specified, the YUI Compressor will
default to the standard output, which you can redirect to a file.

-v, --verbose
Display informational messages and warnings.

JAVASCRIPT ONLY OPTIONS

--nomunge
Minify only. Do not obfuscate local symbols.

--preserve-semi
Preserve unnecessary semicolons (such as right before a '}') This option
is useful when compressed code has to be run through JSLint (which is the
case of YUI for example)

--disable-optimizations
Disable all the built-in micro optimizations.

NOTES

+ If no input file is specified, it defaults to stdin.

+ The YUI Compressor requires Java version >= 1.4.

+ It is possible to prevent a local variable, nested function or function
argument from being obfuscated by using "hints". A hint is a string that
is located at the very beginning of a function body like so:

function fn (arg1, arg2, arg3) {
"arg2:nomunge, localVar:nomunge, nestedFn:nomunge";

...
var localVar;
...

function nestedFn () {
....
}

...
}

The hint itself disappears from the compressed file.

+ C-style comments starting with /*! are preserved. This is useful with
comments containing copyright/license information. For example:

/*!
* TERMS OF USE - EASING EQUATIONS
* Open source under the BSD License.
* Copyright 2001 Robert Penner All rights reserved.
*/

becomes:

/*
* TERMS OF USE - EASING EQUATIONS
* Open source under the BSD License.
* Copyright 2001 Robert Penner All rights reserved.
*/