写在前面

如果文件少的话,直接去网站转化一下就行。

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.压缩批处理

@echo off
:: 设置压缩JS文件的根目录,脚本会自动按树层次查找和压缩所有的JS
SET JSFOLDER=C:\Users\Administrator\Desktop\formini
echo 正在查找JS文件
chdir /d %JSFOLDER%
for /r . %%a in (*.js) do (@echo 正在压缩 %%~a ...uglifyjs %%~fa  -m -o %%~fa
)
echo 完成!
pause & exit

新建一个txt文档,任意命名,将上面的代码粘贴进去,修改JSFOLDER后面的文件夹目录为你自己的,然后把.txt后缀改成.bat就可以啦!然后双击就可以批量使用uglifyjs压缩JS文件啦!

Koala 压缩工具

http://koala-app.com/index-zh.html

使用: 把整个项目文件夹拖进来,或者点击上边的“+”号导入,刷新一下子。全选(如果有则除去不压缩的文件)。右键,设置压缩文件输出地址。设置完成之后,执行编译,所有文件对应得压缩文件便会存在于之前设置的文件夹中。

导入已生成压缩文件的文件夹。里面除了需要之前生成的压缩文件之外,还需要有一个app.js文件。app.js文件格式如下下图。

app.js文件

// @koala-prepend "1.js"
// @koala-prepend "2.js"
// @koala-prepend "3.js"
// @koala-prepend "4.js"

把需要合并的文件的名称全部写入app.js文件夹。

如果文件多的话,我写了一个python脚本,运行一下就可以生成一个app.js文件。

如果没有安装python,就去安装一下,或者自己手动敲进去。

python:https://www.python.org/downloads/

import os
// 已生成压缩文件的路径
filePath = 'C:\\Users\\Administrator\\Desktop\\123'
jsList = os.listdir(filePath)
str = ''
for item in jsList:str += '// @koala-prepend '+'"'+item+'"\n'filename = 'app.js'
with open(filename,'w') as file_object:file_object.write(str)print(str)
print("app.js 文件生成成功!")

将python代码生成的文件移到已生成压缩文件的文件夹中。

然后在Koala软件中,右键 app.js ,点击执行编译。就会生成一个app.min.js文件。合并成功!

Koala使用参考: https://www.cnblogs.com/mrhgw/p/4535429.html

转载于:https://www.cnblogs.com/wjw1014/p/11212778.html

压缩/批量压缩/合并js文件相关推荐

  1. 怎压缩html文件夹,如何利用koala压缩合并js文件?

    本博客不欢迎:各种镜像采集行为,请尊重知识产权法律法规.大家都是程序员,不要闹得不开心. 苏南大叔在很久之前的文章中,曾经向大家介绍过一款很好用的js和css处理工具,叫做koala.据说是国人基于n ...

  2. gulp压缩整合css和js文件

    gulp压缩整合css和js文件 原创 dadaDaShiXiong 最后发布于2018-09-18 14:28:38 阅读数 1164 收藏 发布于2018-09-18 14:28:38 版权声明: ...

  3. 使用GRUNT压缩和合并js文件

    目标 Grunt是一个简单好用的js文件压缩和合并工具,当一个页面需要加载过个js文件时,合并多个js文件可以减少http请求次数,提高页面加载速度.另外,Grunt的uglify功能可以起到混淆和隐 ...

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

    一.指令压缩 1.安装node,npm--详细见nodejs安装与使用入门 2.安装 uglifyjs--npm install -g uglify-js 3.压缩例子:1)uglifyjs  mai ...

  5. 迅捷在线压缩批量压缩PDF文件的方法是什么

    PDF文件现在越来越多的用于人们的工作与生活,工作和生活中都会有一些需要保密的文件.PDF文件现在之所以这么大众化的使用就是源于它的安全保密性,但是也是安全保密性导致PDF文件不易压缩,那么有什么方法 ...

  6. php压缩多个CSS/JS文件

    1. 压缩css compress.php <?php header('Content-type: text/css'); ob_start("compress"); fun ...

  7. grunt 压缩 html,如何使用 grunt 插件压缩合并 js ?减少页面请求数的秘诀

    本博客不欢迎:各种镜像采集行为,请尊重知识产权法律法规.大家都是程序员,不要闹得不开心. 安装好grunt后,苏南大叔下一步的计划就是配置Gruntfile.js这个配置文件.在这个文件中,苏南大叔采 ...

  8. 页面加载速度-合并资源文件

    前言 一直觉得自己的博客站点页面加载很慢, 就想着去优化一下. 呐, 下图是一次文章页面的加载, 需要2.5s. 其中 js 文件就有18个. 众所周知, 浏览器对资源文件的并行下载数量是有限制的(不 ...

  9. 前端设计中关于外部js文件加载的速度优化

    在一般情况下,许多人都是将<script>写在了<head>标签中,而许多浏览器都是使用单一的线程来加载js文件的,从上往下,从左往右. 若是加载过程出错,那么网页就会阻塞,就 ...

最新文章

  1. 201521123013 《Java程序设计》第13周学习总结
  2. COM 组件设计与应用(六)——用 ATL 写第一个组件(vc.net)
  3. Flask | 浅读文档,快速出发
  4. 启动MySQL数据库时找不到mysqld.sock的解决办法!
  5. Effective_STL 学习笔记(八) 永不建立 auto_ptr 的容器
  6. JavaScrpt --- es5实现ES6的Number扩展(部分)
  7. python语言中strike_Python学习笔记
  8. thinkphp josn mysql_ThinkPHP:JSON字段类型的使用(ORM)
  9. Maven常见警告解决办法
  10. c语言char a[10]; sprintf(a,%d,n);,c语言输入输出的一些细节
  11. php网站源码 是什么,php源码是什么
  12. 分享两个开源的成品项目,一个视频播放器,一个音乐播放器!
  13. (HR面试)最常见的面试问题和技巧性答复
  14. c语言如何判断条件,C语言 条件判断详细介绍
  15. Java下载excel模板
  16. 用行列式的定义方法求解n阶行列式的值(C++)
  17. uefi怎么念_uefi和legacy是什么意思
  18. 在计算机桌面如何切换成大图标,win7系统桌面图标怎么设置大小 win7电脑桌面图标大小更改方法...
  19. html网页添加背景音乐
  20. 杰理之ANC喇叭腔体设计【篇】

热门文章

  1. Unity - Humanoid设置Bip骨骼导入报错
  2. http://nancyfx.org + ASPNETCORE
  3. Linux下查看txt文档
  4. 机器学习笔记—再谈广义线性模型
  5. asp.net mvc 用Redis实现分布式集群共享Session。
  6. 关于内存的一些基础知识
  7. MVC3 URL 数据绑定
  8. Java网络02基本Web概念
  9. HDU - 3516 Tree Construction
  10. rollup学习小记