uglifyjs 批量转min.js

uglifyjs压缩js文件(指令压缩/ 批量压缩/ 编程方式压缩)

一.指令压缩 1.安装node,npm——详细见nodejs安装与使用入门 2.安装 uglifyjs——npm install -g uglify-js 3.压缩例子:1)uglifyjs main.js->main-min.js 2)uglifyjs main.js -o main-min.js 二.批量压缩 1)新建txt文件,内容如下 @echo off :: 设置压缩JS文件的根目录,脚本会自动按树层次查找和压缩所有的JS SET JSFOLDER=D:\uglifyDestina

压缩/批量压缩/合并js文件

写在前面如果文件少的话,直接去网站转化一下就行. http://tool.oschina.net/jscompress?type=3 1.压缩单个js文件 cnpm install uglify-js -g 安装 1>压缩单个js文件打开cmd, 目录引到当前文件夹,cd uglifyjs inet.js -o inet-min.js 或者 uglifyjs inet.js -m -o inet.min.js -m更小,-m参数所以就是把变量名变成a, b, c, d 2.压缩批处理 @ec

自写脚本实现上线前本地批量压缩混淆 js , css 代码。

最近做项目遇到一个要求,就是把本地的 js 和 css 进行压缩后再上线,由于之前项目并没有使用 webpack 之类的库,项目上也因为一些机密不能在线上压缩,这无疑给代码打包压缩带来了很大麻烦,于是上网搜索了一些代码压缩的方法,最终锁定了第三方插件 yuicompressor-2.4.8.jar,因为后台发开用的语言是 java,代码工具是 IntelliJ IDEA,前端开发使用的代码工具是 WebStorm,而 yuicompressor-2.4.8.jar 两者都可以兼容,所以果断选择.

Mvc 之System.Web.Optimization 压缩合并如何让*.min.js 脚本不再压缩

最近项目中用到了easy ui ,但是在配置BundleConfig 的时候出现了问题,easy ui的脚本jquery.easyui.min.js 压缩后出现各种脚本错误,总是莫名其妙的 i标量错误,xx未定义.其实在其他项目中也会遇到压缩后报错的问题,只是js文件比较小,直接在页面就引用了,不过easyui文件有700kb左右,直接引用会导致浏览器无法出现200 OK(from cache)缓存,增加http开销. 百度,谷歌也没有太好的解决办法.只能自己想办法了,通过分析System.We

html5shiv.js and respond.min.js

因为用到这两个插件,所以记录下来.. html5shiv:解决ie9以下浏览器对html5新增标签的不识别,并导致CSS不起作用的问题. respond.min:让不支持Css3 Media Query的浏览器包括IE6-IE8等其他浏览器支持查询. 由于IE6/IE7/IE8还有很大一部分用户,为了让网站浏览者都能正常的访问HTML5网站,故这两种方案还是需要的, 下面是两个解决方法的cdn地址写法: <!--[if lt IE 9]> <script src="//cdn.

min.js反压缩

给个网址自己体会.. http://jsbeautifier.org/ 当需要修改min.js中的代码时,把min.js文件ctrl+c ctrl+v扔到上面的网页里,点击beautify 即可

让IE系列支持HTML5的html5shiv.js和respond.min.js

HTML5越来越成为主流,被广大搜索引擎所使用,但IE对HTML5的支持却常被人唾弃. 解决方案有两种: 1.为网站创建多套模板,通过程序对User-Agent的判断给不同的浏览器用户显示不同的页面,比如优酷网就是采用的这种模式.(缺点:工程量大) 2.使用javascript来使不支持HTML5的浏览器支持html标签.是大部分网站采用的方式.具体方法如下: 在head头部添加如下代码即可

MyEclipse导入jquery-1.8.0.min.js等文件报错的解决方案

1.选中报错的jquery文件例如"jquery-1.8.0.min.js". 2.右键选择 MyEclipse-->Exclude From Validation . 3.再右键选择 MyEclipse-->Run Validation 即可.

项目里的jquery.min.js错误

项目里的jquery.min.js报一系列 - Missing semicolon - Missing semicolon - Missing semicolon - Missing semicolon - Missing semicolon .... 这样的错误,字义是缺少分号, 原因:可能是工具对js的校验不准解决方法:这是Eclipse或者MyEclipse校验失败的错误,不影响程序正常执行.如果想去掉红叉也可以.选择项目,右键 Myeclipse--> ManaValidation--

spring访问静态资源出错，No mapping found for HTTP request with URI xxx/resources/js/jquery.min.js...

问题:spring访问静态资源出错,No mapping found for HTTP request with URI xxx/resources/js/jquery.min.js... web.xml下对spring的DispatcherServlet请求url映射的配置,原配置如下: <servlet> <servlet-name>spring</servlet-name> <servlet-class>org.springframewor

angularjs中 *.min.js.map 404的问题

初次使用AngularJS,在chrom调试的时候,出现如下问题: GET http://localhost:63342/luosuo/visitor/js/lib/angular-animate.min.js.map 404 (Not Found) register.html:1 GET http://localhost:63342/luosuo/visitor/js/lib/angular-route.min.js.map 404 (Not Found) 百度之,原因如下: 问题解决了的感觉

jquery.validate.min.js 用法方法示例

页面html 代码 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head runat="server">

ZeroClipboard / jquery.zclip.min.js跨浏览器复制插件使用中遇到的问题解决

之前写过一个淘宝优惠券连接PC端转手机端连接的小工具,当时写到将转换好的url复制到剪切板这块时解决了IE和火狐,就是没办法搞定Chrome,知道可以通过flash搞定,但是觉得太麻烦没有仔细研究. 今天偶尔发现有ZeroClipboard这么个好玩意,能跨浏览器解决复制剪切板的问题,于是兴冲冲的拿来用用,但是放上去后发现怎么也不成功,绑定的对象鼠标都不变手型. 又换了jquery.zclip.min.js还是不行,真是怀疑最近几天没有休息好,于是去床上躺了一会回来仔细再研究下. 审查元素发现,

通过jquery.transit.min.js插件，实现图片的移动

首先给出插件:jquery.transit.min.js (function(t,e){if(typeof define==="function"&&define.amd){define(["jquery"],e)}else if(typeof exports==="object"){module.exports=e(require("jquery"))}else{e(t.jQuery)}})(this,fun

respond.min.js IE失效问题

respond.min.js 用于解决 ie6-ie8媒体查询兼容问题: 1. 需把文件置于服务器上,iis下运行 2.包含媒体查询的 css文件需采用外链形式 3.头部引用的respond.min.js 需置于css 文件之后: 4.头部引用的respond.min.js 文件必须放在本html页内,如shtml文件提出公共部分后则无效:

eclipse工程加入jquery.min.js报错：missing semicolon

1,注释修改项目目录下的.project文件 <?xml version="1.0" encoding="UTF-8"?> <projectDescription> <name>FlexPaper</name> <comment></comment> <projects> </projects> <buildSpec> <!-- <buildCom

jQuery-2.1.4.min.js:4 Uncaught TypeError: Illegal invocation

jQuery-2.1.4.min.js:4 Uncaught TypeError: Illegal invocation 此错误与crsf有关

animate.css配合wow.min.js实现各种页面滚动效果

有的页面在向下滚动的时候,有些元素会产生细小的动画效果.虽然动画比较小,但却能吸引你的注意.比如刚刚发布的 iPhone 6 的页面(查看).如果你希望你的页面也更加有趣,那么你可以试试 WOW.js. WOW.js 依赖 animate.css,所以它支持 animate.css 多达 60 多种的动画效果,能满足您的各种需求. html中使用方法: <div class="row wow fadeInUp" data-wow-duration="1s" d

Bootstrap导航点击菜单跳转与点击缩放菜单折叠按钮缓冲效果插件jquery.singlePageNav.min.js

引入步骤: <script src="http://apps.bdimg.com/libs/jquery/2.1.4/jquery.min.js"></script><script src="js/bootstrap.min.js"></script><script src="js/jquery.singlePageNav.min.js"></script><scrip

jquery------导入jquery.2.2.3.min.js

问题: 导入jquery.2.2.3.min.js后MyEclipse会提示代码有错误方法: 选中jquery.2.2.3.min.js->右键->选择“MyEclipse”中的“Exclute From Validation”->点击在WebRoot下的新建文件夹里面添加的jsp文件,例如WebRoot/jquery/other.jsp 在WebRoot下的jsp文件,例如WebRoot/oth

解决：jquery-1.11.1.min.js红叉问题

工程中导入jquery-1.11.1.min.js,工程正常运行.但是jquery-1.11.1.min.js一直显示红叉. 解决方法如下: 红叉的原因是:myeclipse没有去验证它! 选中js文件,右键Myeclipse--ManaValidation--ExcludeResource--(选中全部或者那个js)

uglifyjs 批量转min.js

热门专题