YUICompress压缩js文件使用指南.docVIP

自动压缩、合并js、css文件使用指南 2013-12-18 Author: 电商优化Owner: 苏宁易购技术管理中心 目录 1. 文档描述 3 2. 配置过程 4 2.1 pom.xml文件配置 4 文档描述 目前主站系统的js、css在发布的时候是用了YUI compress来进行压缩的，而其他周边很多系统则在上线前对js、css是没有进行压缩的，下面的配置就是引用YUI compress插件来压缩js的，以便供其他系统引用。 配置过程 pom.xml文件配置 在pom.xml文件中添加如下的配置内容。 !-- YUI Comoress配置-- plugin groupIdnet.alchim31.maven/groupId artifactIdyuicompressor-maven-plugin/artifactId version1.3.1-atlassian1/version executions execution phasecompile/phase goals goalcompress/goal /goals /execution /executions configuration encodingUTF-8/encoding forcetrue/force jswarnfalse/jswarn nosuffixtrue/nosuffix linebreakpos-1/linebreakpos sourceDirectory ${basedir}/src/main/webapp/static /sourceDirectory includes includejs/*.js/include includecss/*.css/include /includes outputDirectory ${basedir}/src/main/webapp/mergejscss /outputDirectory aggregations aggregation !-- 合并每一个文件后插入一新行 -- insertNewLinetrue/insertNewLine !-- 需合并文件的根文件夹 -- inputDir${basedir}/src/main/webapp/mergejscss /inputDir !-- 最终合并的输出文件 --output ${basedir}/src/main/webapp/mergejscss/js/merge.js /output !-- 把以下js文件合并成一个js文件，是按顺序合并的 -- includes includejs/login.js/include includejs/main.js/include includejs/SFE.base.js/include /includes /aggregation aggregation !-- 合并每一个文件后插入一新行 -- insertNewLinetrue/insertNewLine !-- 需合并文件的根文件夹 -- inputDir${basedir}/src/main/webapp/mergejscss/inputDir !-- 最终合并的输出文件 --output${basedir}/src/main/webapp/mergejscss/css/merge.css/output !-- 把以下css文件合并成一个css文件，是按顺序合并的 -- includes includecss/login.css/include includecss/main.css/include /includes /aggregation /aggregations /configuration /plugin 执行maven命令 mvn yuicompressor:compress ? Copyright SuNin