码迷,mamicode.com
首页 > Web开发 > 详细

在项目生成时就合并压缩你的js

时间:2014-08-06 14:20:01      阅读:280      评论:0      收藏:0      [点我收藏+]

标签:style   blog   http   color   os   文件   for   2014   

网站优化来讲,合并压缩js、css等静态内容是必修课之一,一则可以节省宽带;二则可以减少http请求;三则加快了网站的访问速度

对于如何实现合并压缩js

方案一: 继承IHttpModule ,对http进行拦截,然后获取其<script src=*> tag,将js文件取出来合并成为一个资源文件

方案二:如果你用的web解决方案为 asp.net mvc 4,那么当然可以用Bundle技术。

方案三:不依赖任何服务器技术,本地先合并压缩好后再上传

 

本文着重讲解方案三

要合并文件,可以用dos下的copy命令

1 copy jquery.min.js+jquery-migrate-1.1.1.js+jquery.hoverIntent.minified.js+Validform_v5.3.1.js+jquery.cookie.js+the7.pw.js index.js/b

要压缩js文件,这里用到了uglifyjs。对于如何安装uglifyjs,可以参考此文

dos命令如下

1 uglifyjs index.js -m -o index.min.js

 

为了压缩一个js,每次进dos巧代码,也不是办法啊,所以可以建一个bat文件放在js目录,每次要上传前点一下就完事。

但这就够了吗,对于程序猿这样的懒人来说,点一次也是多余的。

所以我们可以利用项目生成时的预先事件来调用bat文件不更好吗?

bubuko.com,布布扣

这样,每次生成项目时,就生成了合并压缩版的js,岂不美哉

最后在页面中,我们可以直接引用压缩版js

bubuko.com,布布扣

 

在项目生成时就合并压缩你的js,布布扣,bubuko.com

在项目生成时就合并压缩你的js

标签:style   blog   http   color   os   文件   for   2014   

原文地址:http://www.cnblogs.com/the7/p/3893376.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!