导航:首页 > 文件处理 > js打包压缩

js打包压缩

发布时间:2022-01-19 01:36:44

‘壹’ 如何压缩js

简单的压缩一般是:删除注释和空白符,替换变量名。

更激进点的做法还包括:删除无用代码,内联函数,等价语句替换等。

有些开发者出于保护代码的原因,还可能会对代码进行混淆处理。

通常深度压缩JS都必须要做的一步就是尽量地缩短变量名,因为一份体积巨大的JS代码,其中的变量名会占去不少空间。

压缩js必须要注意:

1、压缩前的代码格式要标准。因为去掉换行与空格时,所有语句就变成一行,如果你的代码有瑕疵(比如某行少了个分号),那就会导致整个文件报错。当然,现在有的压缩工具已经比较智能了。

2、备份原文件。压缩很可能不会一次成功,一般要多试,多改。

js压缩工具:

1. YUI Compressor

2. Google Closure Compiler

‘贰’ js代码压缩的优点

有利于页面的性能提高,加快页面的打开速度,尤其是第一次访问时。

‘叁’ 将Js和CSS文件压缩成min文件

个人建议从几个方面入手:
1、在服务器上启用GZIP压缩,添加css等静态文件等。
2、把主页、内容页的CSS分开写,公共部分单独用一个CSS,这样就可以减少CSS的大小。
3、优化CSS语法,并可以使用工具压缩,但要注意用多个浏览器测试。
4、将一些JS调用尽量放到网页底部

‘肆’ gzip怎么压缩js

1.cmd
2.path=C:\ ... 你安装的gzip目录
3.aaa.js放到指定目录 gzip aaa.js

‘伍’ 请教各位mvc的js打包压缩有关的问题

1.引用js文件,如果有.min.js和.js文件 最好只引用.js文件 而不去引用.min.js文件,因为系统在Release之后会自动去查找相应的.min.js文件的 而在debug时会引用.js文件 这样方便调试

2.确定文件是否存在,如果不存在,知道怎么改了吧??

3.我发现楼主还不了解BundleConfig的使用方法。
new StyleBundle("绑定实例名") 这里明明是名称,但为什么这名称看起来像路径
比如你这里的 new StyleBundle("~/Index/css_easyui")
为什么会像路径??
这是有原因的

当你在Release之后 BundleConfig会把你这个Include中的所有文件进行压缩成一个文件,但这个文件的路径是什么,就是这个"绑定实例名"
也就是说 在这里,当你Release之后 你的css将会生成 <link type="text/css" rel="stylesheet" href="~/Index/css_easyui?随机数"/>

接着说:
如果 你的css文件~/Content/Css/themes/icon.css里面有句话:
.cls
{
background-image:url(../img/xxxx.gif);
}
发现问题没有呢? 在Release之前
这个背景图的路径是:~/Content/Css/img/xxxx.gif

而在Release之后 因为你的css文件已经整合到了~/Index/css_easyui?随机数这个文件里面
所以Release之后这个图片路径却变成了:~/img/xxxx.gif

‘陆’ 怎样将js 压缩成 jsgz 文件

html中内嵌js代码修改为外部调用的方法: 1,新建一个js文件,将html中之前的代码全部选中剪切到该js文件中。如下这个案例,就只剪切其中的alert("测试")。 alert("测试");2,在html中添加js文件调用代码

‘柒’ 如何压缩js文件

js文件,据我所知应该是javaScript的脚本文件,这种文件本身就是全文本,跟TXT文件差不多,应该不需要压缩了呀。。

‘捌’ js文件 压缩成一个 是怎么弄的

gulp + webpack/browserify
用gulp加上webpack或者browserify来完成。js之间使用require相互引用,然后在gulpfile里面设置把所有文件整合输出并uglify

‘玖’ 压缩后的JS代码怎样解压

一般压缩都经过混淆,如果你看到变量名都是A,B,C,D之类的无规则的命名,那就是被混淆过的,一般来说也很难阅读,就算你 还原了格式。

如果是没有混淆的,你可以试试用js的格式化工具来重新格式化一下的,比如:
/* 美化:格式化代码,使之容易阅读 */
/* 净化:去掉代码中多余的注释、换行、空格等 */
/* 压缩:将代码压缩为更小体积,便于传输 */
/* 解压:将压缩后的代码转换为人可以阅读的格式 */
/* 混淆:将代码的中变量名简短化以减小体积,但可读性差,经混淆后的代码无法还原 */

/* 如果有用,请别忘了推荐给你的朋友: */
/* javascript在线美化、净化、压缩、解压:http://tool.lu/js */

/* 以下是演示代码 */
var Inote = {};
Inote.JSTool = function(options) {
this.options = options || {};
};
Inote.JSTool.prototype = {
_name: 'Javascript工具',
_history: {
'v1.0': ['2011-01-18', 'javascript工具上线'],
'v1.1': ['2012-03-23', '增加混淆功能'],
'v1.2': ['2012-07-21', '升级美化功能引擎'],
'v1.3': ['2014-03-01', '升级解密功能,支持eval,window.eval,window["eval"]等的解密'],
'v1.4': ['2014-08-05', '升级混淆功能引擎'],
'v1.5': ['2014-08-09', '升级js压缩引擎'],
'v1.6': ['2015-04-11', '升级js混淆引擎']
},
options: {},
getName: function() {return this._name;},
getHistory: function() {
return this._history;}
};
var jstool = new Inote.JSTool();

阅读全文

与js打包压缩相关的资料

热点内容
白熊app稿费怎么样 浏览:463
新建的命令为 浏览:425
数组两种查找算法集合 浏览:757
dw怎么将源码拆成几个文件 浏览:230
验算法复核法 浏览:996
电脑管机就删除文件夹 浏览:480
建筑的书pdf 浏览:355
历史考研11本pdf 浏览:381
pdf膜官网 浏览:604
游戏资源文件存在哪个文件夹 浏览:8
mc怎么用命令方块无限生成僵尸 浏览:795
英文虾皮app怎么登录 浏览:434
同花顺app怎么确定盘中个股买入点 浏览:869
程序员摸底考试考什么 浏览:527
如果编译器是中文 浏览:517
程序员升职怎么谈 浏览:111
android机顶盒ui 浏览:361
tb编译器 浏览:740
怎么压缩图片和视频在一起 浏览:565
gcc编译win 浏览:231