在 http://developer.yahoo.com/performance/rules.html#minify
中介绍了有两种最小化js文件的工具。
一种是JSMin http://crockford.com/javascript/jsmin
另一种是 YUI Compressor http://developer.yahoo.com/yui/compressor/
1.JSMin使用很简单 它提供一个在MS-Dos下能直接运行的.exe程序 jsmin.exe
直接运行命令即可:
jsmin jsmin <Ajax.js> ajaxmin.js
Ajax.js是没有最小化的js文件,当中包含很多空格与换行符
ajaxmin.js是被jsmin最小化过的文件
2.首先下载最新版的YUI Compressor
我下载的是2.3.6版
它提供的是Jar架包。
我们也有两种方法使用它。
1)如其\doc\README所说的直接用:
java -jar yuicompressor-x.y.z.jar [options] [input file]
java -jar yuicom*.jar --type js -o ajaxmin.js Ajax.js
2)用ant来操作:
新建一个Java Project :YUI_Compressor
新建一个build.xml
<project name="YUI_Compressor" default="css.minify" basedir="./..">
<property name="project.dir" value="${basedir}">
</property>
<property name="project.src.dir" value="${project.dir}\src">
</property>
<!-- 最小化css文件 -->
<target name="css.minify">
<java jar="${project.dir}/lib/yuicompressor-2.3.6.jar" fork="true" failonerror="true">
<arg line="${project.src.dir}/index.css" />
<arg line="-o ${project.src.dir}/indexmin.css" />
</java>
</target>
<!-- 最小化js文件 -->
<target name="js.minify">
<java jar="${project.dir}/lib/yuicompressor-2.3.6.jar" fork="true" failonerror="true">
<arg line="${project.src.dir}/Ajax.js" />
<arg line="-o ${project.src.dir}/ajaxmin.js" />
</java>
</target>
<target name="css.concat">
<concat destfile="${war.dir}/css/my-concat.css">
<filelist dir="${war.dir}/css/" files="screen.css, specialA.css, spcialB.css" />
</concat>
</target>
<target name="js.concat">
<concat destfile="${war.dir}/script/my-concat.js">
<filelist dir="${war.dir}/script/jquery" files="jquery.js, jqueryPlugins.js" />
<filelist dir="${war.dir}/script/" files="remote.js, ..., my.js" />
</concat>
</target>
</project>
运行相应的target即可
最后创建出来的文件目录为:
│ .classpath
│ .project
│ list.txt
│
├─bin
│ Ajax.js
│ ajaxmin.js
│ build.xml
│ index.css
│ indexmin.css
│ yuicompressor-2.3.6.jar
│
├─lib
│ yuicompressor-2.3.6.jar
│
└─src
Ajax.js
ajaxmin.js
build.xml
index.css
indexmin.css
参考文档:
http://developer.yahoo.com/yui/compressor/
http://www.seamframework.org/Community/SeamPerformanceSomeIdeas
分享到:
相关推荐
获取您的css文件并将其最小化。 它不需要任何特殊的配置,也不会弄乱您的css文件。 此测试基于Mocha框架。如何只需按Ctrl|Cmd + F1|F2并输入css minify特征从0值中删除单位。 从0px到0 从任何浮点值中删除0 。 从...
minify-html Exhibit.js构建器插件使用MinimalHTML文件。 $ npm install -D exhibit-builder-minify-html用法 . use ( 'minify-html' , options )选项所有正常运行。其他选项include (string / array / function)-...
用于最小化和最小化给定CSS代码JavaScript项目。 _我仍在更新此项目,到目前为止可能尚未完成。 ## CSS Unminify ###用法: 从缩小的文件中复制CSS。 将其粘贴到textarea中 点击取消缩小按钮
mkdocs-minify-plugin 一个MkDocs插件,用于在将HTML和/或JS文件写入磁盘之前将其最小化。 HTML缩小是使用完成的。 JS缩小是使用完成的。设置使用pip安装插件: pip install mkdocs-minify-plugin 在mkdocs.yml激活...
表达缩小自动最小化(和缓存)您JavaScript,CSS和JSON响应。 它还支持LESS / SASS / Stylus / CoffeeScript编译和最小化。安装npm install express-minify基本用法express-minify负责所有响应。 您甚至不需要像其他...
缩小Craft CMS的插件一个简单的插件,可让您最小化Craft CMS模板中HTML,CSS和JS内联块相关: 安装下载并解压缩文件,然后将minify目录放入您的craft/plugins目录中-或-直接在您的craft/plugins文件夹中进行git ...
“Javascript Minify & Compress (jsmc)” 实时最小化创建和修改的 Javascript 并将其压缩为 gzip 格式。例如,Javascript 编译器。 网页 使用示例 java -jar jsmc.jar –watch js-src:js将“js-src”目录下的“.js...
一个简单的库,在使用Express时为JavaScript和CSS文件提供组合和最小化服务。 正在安装 由于这主要用于个人项目,因此它不是npm软件包。 尽管如此,您仍然可以通过将以下内容添加到package.json中来安装它: { " ...
吞咽最小化使用terser缩小JavaScript。笔记 gulp-minify 的最新版本正在使用来压缩文件,这可能会导致目前与早期语言版本不兼容的问题,请参阅 。 因此,如果您的项目尚未准备好安装ECMAScript 6,则gulp-minify@es5...
简单的CodeIgniter库可即时压缩CSS和JavaScript文件。 库基于其他一些脚本(例如或来最小化CSS,它使用来压缩JavaScript 安装 只需将Minify.php文件放在库路径中,然后在config目录中创建minify.php配置文件。 ...
缩小Maven插件Minify Maven插件结合并最小化了CSS和JavaScript文件,从而加快了页面加载速度。 它会生成CSS和JavaScript资源的合并版本和缩小版本,可以在您的项目中重复使用。 在后台,它使用和但围绕这些工具有一...
通过简单的函数调用样式表,可以将LESS和Javascript文件解析,最小化并合并为一个文件。 这减少了服务器请求,缩短了加载时间,并最大程度地减少了流量。 此外,可以将生成HTML源代码最小化,并且可以将所有生成的...
用于最小化CMS JoomlaCSS和JavaScript源代码的插件 文章 特征 排除行为 排除引导程序 排除jQuery 缩小CSS CSS统一文件 缩小JavaScript JavaScript Defer属性 安装 在CMS Joomla中安装Standart-上传包文件-plg_...
最小化 安装 npm i gulp-fa-minify 描述 一个实用的Gulp插件,当将使用时,可以从删除未使用的图标。 FontAwesome 5中包含JavaScript文件可以使捆绑包大小增加约900kb(如果可以访问Pro版本,甚至可以增加> 2.5MB)...
WP Super Minify使用按需组合,缩小和缓存嵌入式JavaScript和CSS文件,以加快页面加载速度。 通过激活此插件,您将看到HTML的源代码,现在已压缩了内联JavaScript和CSS。 尺寸会更小,对提高页面加载速度以及google...
前端开源库-cachify-minifycachify-minify,用于在服务器端对JS文件进行最小化和cachify的模块。每次更改其中一个包含的文件时,它都会重建包文件,不需要重新启动应用程序。
Ecocode Minify是一个Magento模块,用于最小化合并CSS和JS文件。 对于JS缩小,它使用google;对于CSS,则使用 。 两者都是用Java编写的,都是jar文件。 此外,该模块将使您有机会扫描javascript文件中的错误和可能的...
PhpMinify for PHP PhpMinify是一个小工具,可以像javascript minify工具一样来最小化您的应用程序php。 PhpMinify使用php_strip_whitespace() 。 该脚本将源目录压缩为目标目录。用法 require 'phpminify.php' ;$ ...
最小化目录 缩小目录下的所有文件。 安装 $ npm install -g minify-dir 用法 usage : minify-dir I_FOLDER [output O_FOLDER] Minify-Dir : Minify all the files under a directory. positional arguments: I_...
一个Babel转换插件,可最小化gql模板文字。 它应该与Babel 6和7一起使用。 基本原理 在项目中使用graphql-tag ,基本上有两种方法可以处理GraphQL查询: 使用gql模板文字内联定义它们 在单独的文件中定义它们,并...