压缩javascript文件方法

写在前面的话:正式部署前端的时候,javascript文件一般需要压缩,并生成相应的sourcemap文件,对于一些小型的项目开发,这里提供一个简单的办法。

======正文开始======

1.下载google-closure-compiler文件:

  从这里下载:download

2.复制压缩包中的compiler.jar到需要压缩的javascript文件目录。

3.打开命令行cmd,cd到该目录,运行如下命令:

java -jar compiler.jar --js test.js --js_output_file test.min.js --create_source_map test-min.js.map

(1)需要安装java运行环境。

(2)-jar参数指定jar文件,这里是compiler.jar

   --js参数指定javascript源文件

   --js_output_file参数指定要生成的压缩后的javascript文件

   --create_source_map参数指定要生成的source map 文件

(3)这里是将test.js源文件压缩为test.min.js文件,并且生成source map文件test-min.js.map

4.在压缩后的文件(test.min.js)最后增加soure map引用说明。

//@ sourceMappingURL=test-min.js.map

备注:增加source map引用说明后,当前端引用压缩版的js文件,使用Chrome的开发者工具仍然能够定位到具体出错的行号,此时可以在未压缩文件中进行修改再压缩即可。

5.更多用法:

(1)编译多个javascript文件:

  --js参数指定多个javascript源文件,会进行合并。

(2)查看帮助

  java -jar compiler.jar --help

(完)

文档信息

时间: 2025-01-02 06:09:10

压缩javascript文件方法的相关文章

手机PDF格式能压缩吗,压缩PDF文件方法

现在办公中PDF文件使用的频率越来越多,PDF文件最大的优点就是兼容性好,在不同的设备上浏览都不会出现乱码的情况,但是一个完美的PDF文件大多都含有图片.表格等,这样的文件体积就会很大, ,但是PDF文件过大,在内存限制情况下会导致PDF文件上传失败.那么,怎样压缩PDF文件呢?借助工具:迅捷PDF阅读器,手机PDF压缩的方法:1.首先把手机连接上网络,然后在是应用市场里找到如下压缩工具. 2.运行工具先熟悉一下整体的操作,,然后在小功能的页面选择PDF压缩. 3.这时会出现一个PDF压缩的页面

gulp-uglify 压缩javascript文件

1.安装gulp-uglify 命令行输入npm install gulp-uglify --save-dev ; 2.配置文件 2.1基本使用 var gulp = require('gulp'), uglify = require('gulp-uglify'); //获取uglify插件 gulp.task('jsmin', function () { gulp.src('src/js/index.js') //引入js文件 .pipe(uglify()) .pipe(gulp.dest('

AlwaysOn环境下的压缩Log文件方法

Step1.将DB脱离可用性组 Step2.修改为简单恢复模式>收缩文件>修改回完整恢复模式 -- Truncate the log by changing the database recovery model to SIMPLE. ALTER DATABASE [DB] SET RECOVERY SIMPLE; GO -- Shrink the truncated log file to 1 MB. DBCC SHRINKFILE (DB_Log, 100); GO -- Reset th

Spring Mvc + Maven + yuicompressor 使用 profile 来压缩 javascript ,css 文件; (十)

profile相关知识点: 在开发项目时,设想有以下场景: 你的Maven项目存放在一个远程代码库中(比如github),该项目需要访问数据库,你有两台电脑,一台是Linux,一台是Mac OS X,你希望在两台电脑上都能做项目开发.但是,安装Linux的电脑上安装的是MySQL数据库,而Mac OS X的电脑安装的是PostgreSQL数据库.此时你需要找到一种简单的方法在两种数据库连接中进行切换,你会怎么做? 此外,你的项目需要部署.为了调试,在开发时我们在Java编译结果中加入了调试信息(

shell文本处理——最基本方法压缩js文件

关于javascript代码文件的压缩在之前的文章中提到过(http://blog.csdn.net/u010487568/article/details/19701575),一般来说有三种方式: 仅压缩空白.注释等字符(最基本方法) 压缩空白.注释并替换变量名 压缩恐怖.注释.替换变量名,同时最小化文件所有的单词 最近在进一步学习shell,对这个古老的工具越发的感到高效便捷,因此对于这个主题实现了shell版本的最基本方法的实现. 主要的策略如下: 去除单行注释 去除换行符和制表符 压缩多个

IIS7下js文件启用Gzip后却不压缩的解决方法

本文转载:http://www.jb51.net/article/26340.htm IIS7下js文件启用Gzip后却不压缩的解决方法IIS7已经启用静态文件压缩(Gzip)但是死活不压缩,查找后发现是II7下MIME类型设置问题 将.js的MIME类型设置为application/javascript 再查看页面,已经启用了Gzip. 不过,几个天后又发现有的js文件被压缩,有的却没有. 查找原因发现是引用js文件是没有设置type <script></script> <

两种动态加载JavaScript文件的方法

两种动态加载JavaScript文件的方法 第一种便是利用ajax方式,第二种是,动静创建一个script标签,配置其src属性,经过把script标签拔出到页面head来加载js,感乐趣的网友可以看下 动态加载script到页面大约有俩方法 第一种便是利用ajax方式,把script文件代码从背景加载到前台,而后对加载到的内容经过eval()实施代码.第二种是,动静创建一个script标签,配置其src属性,经过把script标签插入到页面head来加载js,相当于正在head中写了一个<sc

WinRAR文件分卷压缩具体使用方法图文教程

WinRAR是很多电脑用户都在使用的一款文件压缩软件,今天,我们就一起来认识一下WinRAR的一个非常使用的功能:文件分卷压缩功能.那么,什么是文件分卷压缩功能,文件分卷压缩有什么用呢?文件分卷压缩有什么使用技巧呢?相信您在看完今天的教程之后就会明白的! 1.文件分卷压缩的方法 首先,选择你要分卷压缩的文件,点鼠标右键选"添加到压缩文件",如下图: 接着,在左下角的压缩方式中选择"最好",如下图,然后,在左下角的压缩分卷大小里选择压缩的分卷大小,或者自己设定您要的单

C#文件或文件夹压缩和解压方法(通过ICSharpCode.SharpZipLib.dll)

我在网上收集一下文件的压缩和解压的方法,是通过ICSharpCode.SharpZipLib.dll 来实现的 一.介绍的目录 第一步:下载压缩和解压的 ICSharpCode.SharpZipLib.dll 支持库 第二步:创建一个压缩和解压的demo项目 第三步:查看压缩和解压的文件的结果 二.demo演示(包括源码和界面) 1.下载文件压缩和解压的支持库dll ,下载地址:http://pan.baidu.com/s/1pLausnL 2.创建window创建项目 1) 添加引用(文件压缩