1. 下载

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

2. 安装

yuicompressor是由java写成的一组jar文件,需要jdk环境支持运行。所以,先安装jdk,再解压使用。

3. 使用

yuicompressor-2.4.7.jar位于build文件夹下,运行时先切换盘符到build下,然后用java -jar命令执行压缩。例如:

G:\yuicompressor-2.4.7\build> java -jar yuicompressor-2.4.7.jar D:\test.js -o E:\test-min.js

红色为输入的js文件,蓝色为输出的文件,保存路径任选,其他参数可参见官方文档或资料。

4. 集成工具

以上是命令行方式压缩,网上还有一种集成了的工具更直接,点击下载后,找到install.cmd,点击一键注册安装,前提是有jdk环境。使用简单,选中js文件,右键会出现”Process with YUICompressor“选项,点击后会生成默认为*-min.js文件。

5. 关于“float”异常

这是由于“float”造成的,可以查看文件是否在设置css样式时,写为{float:'left'},改为{'float':'left'}即可。float是javascript中的一种数据类型,浮点型,又是css中浮动定位,由于yuicompressor可压缩js文件和css文件,所以可能造成它的混淆。很奇怪的是这里的报错“[ERROR] 166:106 invalid property id”,找到166行,却怎么也找不到所谓的id,如果显示“[ERROR] 166:106 invalid property float”不就很好找了吗?

6. 批量压缩

在ms-dos下,需要些bat文件,网上搜集如下:

 @echo off

   ::设置YUI Compressor启动目录

   SET YUIFOLDER=E:\架包\ys-tool\yuicompressor-2.4.\build

   ::设置你的JS和CSS根目录,脚本会自动按树层次查找和压缩所有的JS和CSS

   SET JSFOLDER=E:\架包\ys-tool\yuicompressor-2.4.\build\hu

   echo 正在查找 JavaScript, CSS ...

   chdir /d %JSFOLDER%

   for /r . %%a in (*.js *.css) do (

   @echo 正在压缩 %%~a ...

   @java -jar %YUIFOLDER%\yuicompressor-2.4..jar --charset UTF- %%~fa -o %%~fa

   )

   echo 完成!

   pause & exit

试过之后,觉得很好用,可以快速批量压缩文件夹下的js文件和css文件。

javascript/css压缩工具---yuicompressor使用方法的更多相关文章

  1. 一款js、css压缩工具yuicompressor

    //压缩JS java -jar yuicompressor-.jar --type js --charset utf- -v src.js > packed.js //压缩CSS java - ...

  2. JS&CSS压缩工具YUICompressor

    YUI Compressor 是一个用来压缩 JS 和 CSS 文件的工具,采用Java开发. YUI Compressor下载地址:http://www.jb51.net/softs/25860.h ...

  3. YUI Compressor JS和CSS压缩工具使用方式(使用前安装JDK)

    压缩测试: 选中 test.js, 执行右键菜单“Process with &YUICompressor”,会生成 test-min.js. 注意事项: 1. 需要安装 JDK >= 1 ...

  4. 推荐15个最好用的 JavaScript 代码压缩工具

    JavaScript 代码压缩是指去除源代码里的所有不必要的字符,而不改变其功能的过程.这些不必要的字符通常包括空格字符,换行字符,注释以及块分隔符等用来增加可读性的代码,但并不需要它来执行. 在这篇 ...

  5. Javascript中alert</script>的方法

    Javascript中alert</script>的方法: <%@ page language="java" import="java.util.*&q ...

  6. HTML5结合CSS的三种方法+结合JS的三种方法

    HTML5+CSS: HTML中应用CSS的三种方法 一.内联 内联样式通过style属性直接套进HTML中去. 示例代码 <pstylepstyle="color:red" ...

  7. css实现栅格的方法

    1. 方法一 1.1. 效果 2. 方法二 2.1. 效果 3. 代码 3.1. Html <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 T ...

  8. 2017.9.24 基于HTML+JavaScript+CSS的开发案例&&JavaScript+CSS+DIV实现表格变色

    1.JavaScript+CSS+DIV实现下拉菜单 1.1 层标签<div> 基本语法: <div id="层编号" style="position: ...

  9. 【前端】CSS隐藏元素的方法和区别

    CSS隐藏元素的方法和区别 <!DOCTYPE html> <html lang="en"> <head> <meta charset=& ...

随机推荐

  1. Android 8 AudioPolicy 初始化

    记录一下AudioPolicy初始化过程. frameworks\av\media\audioserver\audioserver.rc service audioserver /system/bin ...

  2. 锐捷 ac ap 连接 记录

    需要用到锐捷的ac管理2台ap.记录一下. 参考文档 锐捷WLAN无线产品一本通(V6.0): http://www.ruijie.com.cn/fw/wd/58033 1.确认AC无线交换机和AP是 ...

  3. Oracle表明明存在SQL查询数据提示表不存在异常

    今天同事遇到一个很奇怪的问题,恢复了一个数据库,表明明存在,用PLSQL和sqlplus都试过了,SQL语句select * from 表名,查询数据,却提示表名不存在异常 然而,使用select * ...

  4. 令人惊叹的HTML5动画及源码分析下载

    HTML5非常酷,利用HTML5制作动画简直让我们忘记了这世界上还有flash的存在.今天我们要分享的一些HTML5动画都还不错,有些动画设计还是挺别出心裁的.另外,每一款HTML5动画都提供源代码下 ...

  5. UGUI 加载图片

    图片是动态加载的,然后转换为sprite赋值到ugui的按钮上 代码如下 using UnityEngine; using System.Collections; using System.IO; u ...

  6. iOS多版本多设备适配的问题

    好吧,能找到这文章的,一般是接到了如下需求:  我是从raywenderlich抽了点内容出来做日记,另外,本文说的不是布局的适配,而是因为ios的升级带来的各版本代码上的不兼容. Deploymen ...

  7. nginx配置ThinkPHP配置

    配置时注意红色部分 server { listen 8888 default_server; #listen [::]:80 default_server; server_name _; root / ...

  8. 想高效学会Hadoop,你要按照这个路线

    学习hadoop,首先我们要知道hadoop是什么? 说到底Hadoop只是一项分布式系统的工具,我们在学习的时候要理解分布式系统设计中的原则以及方法,只有这样才能以不变应万变.再一个就是一定要动手, ...

  9. js替换数组中的一个对象用for循环遍历

    for(let i=0;i<statusList.length;i++){ if (statusList[i]['tableId'] === tableId) { statusList[i]=d ...

  10. lua封装的位运算

    1.移位运算基础 --与 同为1,则为1 --或 有一个为1,则为1 --非 true为 false,其余为true --异或 相同为0,不同为1 --ZZMathBit = {} function ...