使用yui压缩生产环境上的js和css文件
使用yui压缩生产环境下的js和css文件。
本文是借助Maven为项目划分development,test,production环境的延续。
为了提高页面响应速度,一般要对页面应用的js和css文件进行压缩、合并。但在开发环境不能压缩和合并,避免影响前端web开发调试。这里提出我的实现方案,利用profile特性,判断是在test和production环境中,页面自动压缩合并。为此我们替换掉页面的<script>和<link>。使用自定的标签引入js和css文件。实例如下:
如果是在开发环境下,生成的code如下:
如果是在生产和测试环境,js文件可以压缩合并后,存放到临时文件,页面引用临时文件。js压缩合并文件也可以嵌入在当前页面。css也是同样的。
这里简单介绍了我的的实现方案,也是借此希望看到大家能够提出更好的方案。
yui插件有很多参数,你试试将这两上置为下:
本文是借助Maven为项目划分development,test,production环境的延续。
为了提高页面响应速度,一般要对页面应用的js和css文件进行压缩、合并。但在开发环境不能压缩和合并,避免影响前端web开发调试。这里提出我的实现方案,利用profile特性,判断是在test和production环境中,页面自动压缩合并。为此我们替换掉页面的<script>和<link>。使用自定的标签引入js和css文件。实例如下:
<yui:compressor type="css" location="embed"> /resources/css/Main.css; /resources/js/easyui/themes/default/easyui.css; /resources/js/easyui/themes/icon.css </yui:compressor> <yui:compressor type="javascript" location="embed"> /resources/js/jquery.min.js; /resources/js/easyui/jquery.easyui.min.js; /resources/js/user.js </yui:compressor>
如果是在开发环境下,生成的code如下:
<link rel="stylesheet" type="text/css" href="/resources/css/Main.css"><link rel="stylesheet" type="text/css" href=" /resources/js/easyui/themes/default/easyui.css"><link rel="stylesheet" type="text/css" href=" /resources/js/easyui/themes/icon.css"> <script type="text/javascript" src="/resources/js/jquery.min.js"></script><script type="text/javascript" src=" /resources/js/easyui/jquery.easyui.min.js"></script><script type="text/javascript" src=" /resources/js/user.js"></script>
如果是在生产和测试环境,js文件可以压缩合并后,存放到临时文件,页面引用临时文件。js压缩合并文件也可以嵌入在当前页面。css也是同样的。
这里简单介绍了我的的实现方案,也是借此希望看到大家能够提出更好的方案。
1 楼
hellohank
2012-01-11
我们也是使用的这个工具进行的压缩,呵呵
2 楼
tywo45
2012-01-11
yui的压缩工具,压缩不了我的那个验证框架:http://tywo45.iteye.com/blog/1221040
不知为何
不知为何
3 楼
hellohank
2012-01-11
tywo45 写道
yui的压缩工具,压缩不了我的那个验证框架:http://tywo45.iteye.com/blog/1221040
不知为何
不知为何
yui插件有很多参数,你试试将这两上置为下:
<nomunge>true</nomunge> <linebreakpos>-1</linebreakpos>