Use YUI + Ant to implement js css compression, yuiant

Use YUI + Ant to implement js css compression, yuiant

Today I have studied the YUI yahoo open-source framework.

As a result, I have implemented an ant Implementation of YUI. Many implementations of bat on the Internet allow me to develop a unique article about ant implementation. If this article is reproduced, it indicates the author and website

Copyright: Mr. chen

The specific operations are as follows:

Official Website:

Yuicompressor-2.4.6.jar http://yuilibrary.com/downloads/#yuicompressor

YUIAnt. jar http://www.ubik-ingenierie.com/miscellanous/YUIAnt/

The specific code is as follows:

Xml Code

1. # Css work dir
2. CommonCss. dir = css
4. # Js work dir
5. CommonJs. dir = js
7. # Build temp dir
8. Output. temp. dir = build
10. # Output files in the directory
11. Output. dir =$ {output. temp. dir} _ output
13. # Environment needs lib
14. Liblib = lib

Build. xml Code

1. <? Xml version = "1.0" encoding = "UTF-8"?>
3. <Project name = "Compress CSS-JS" default = "compress" basedir = ".">
5. <Property file = "bulid. properties"/>
7. <Path id = "yuiClasspath">
8. <Fileset dir = "$ {lib}">
9. <Include name = "*. *"/>
10. </Fileset>
11. </Path>
13. <! -- ###################### Init the environment of the tool ########## ################ -->
14. <Target name = "init">
15. <Echo message = "begin to init the init"/>
16. <Echo message = "delete all reference files."/>
17. <Delete dir = "$ {output. dir}"/>
18. <Echo message = "delete end"/>
19. <Echo message = "make the reference files."/>
20. <Mkdir dir = "$ {output. dir}"/>
21. <Mkdir dir = "$ {output. temp. dir}"/>
22. <Echo message = "make end."/>
23. </Target>
25. <! -- ####################### Combine the css files ############ ############# -->
26. <Target name = "combinecss" depends = "init" description = "Combine common css files">
27. <Echo message = "begin to combine the css files to one file."/>
28. <Concat destfile = "$ {output. temp. dir}/combined_css.css" encoding = "UTF-8" append = "false">
29. <Fileset dir = "$ {commonCss. dir}">
30. <Include name = "*. css"/>
31. </Fileset>
32. </Concat>
33. <Echo message = "combine end."/>
34. </Target>
36. <! -- ####################### Combine the js files ############ ############# -->
37. <Target name = "combinejs">
38. <Echo message = "begin to combine the js files to one file."/>
39. <Concat destfile = "$ {output. temp. dir}/all_source.js" encoding = "UTF-8" append = "false">
40. <Fileset dir = "$ {commonJs. dir}">
41. <Include name = "*. js"/>
42. </Fileset>
43. </Concat>
44. <Echo message = "combine end."/>
45. </Target>
47. <! -- ###################### Compress the js and css files ########## ################ -->
48. <Target name = "compress" depends = "combinecss, combinejs" description = "Compress">
49. <Echo message = "begin to compress the css file."/>
50. <Taskdef name = "yuicompress" classname = "com. yahoo. platform. yui. compressor. YUICompressTask">
51. <Classpath>
52. <Path refid = "yuiClasspath"/>
53. </Classpath>
54. </Taskdef>
55. <! -- First method compress the css files -->
56. <Yuicompress linebreak = "10000000" warn = "false" munge = "yes" preserveallsemicolons = "true" outputfolder = "$ {output. dir}">
57. <Fileset dir = "$ {output. temp. dir}">
58. <Include name = "*. css"/>
59. </Fileset>
60. </Yuicompress>
61. <Echo message = "compress the css end."/>
62. <! -- Second method compress the js files -->
63. <Echo message = "begin to compress the js file."/>
64. <Apply executable = "java" parallel = "false" failonerror = "true">
65. <Fileset dir = "$ {output. temp. dir}" includes = "all_source.js"/>
66. <Arg line = "-jar"/>
67. <Arg path = "$ {lib}/yuicompressor-2.4.6.jar"/>
68. <Arg line = "-- charset UTF-8"/>
69. <Arg line = "-o $ {output. dir}/combined_js.js"/>
70. <Srcfile/>
71. </Apply>
72. <Echo message = "compress the js end."/>
73. <Delete dir = "$ {output. temp. dir}"/>
74. </Target>
76. </Project>

Xml Code

1. @ Echo off
2. Echo ####################################### #########
3. Echo ######### Tool Compress the js and css ##########
4. Echo ####################################### #########
5. Echo Please make sure your css and js in the css 'Directory and js' directory.
6. Echo If sure, please enter any button to continue the tool.
7. Pause
8. Call ant-buildfile compress. xml compress> build. log
9. Echo compress end
10. Pause

I can download related files. If you feel good, leave a message.

• YUICompressor.zip (1.5 MB)

Error in js compression by ant yui

If the js variable definition is incorrect, an ERROR occurs when the variable name is replaced during compression. Click [ERROR] 27: 82: invalid property id.
Come up

How to compress js

Search
Online JS/CSS/HTML compression (implemented using YUI Compressor) one of the open-source online tools in China