压缩/批量压缩/合并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.压缩批处理

@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

压缩/批量压缩/合并js文件_第1张图片

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

压缩/批量压缩/合并js文件_第2张图片

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

压缩/批量压缩/合并js文件_第3张图片

app.js文件

压缩/批量压缩/合并js文件_第4张图片

// @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代码生成的文件移到已生成压缩文件的文件夹中。

压缩/批量压缩/合并js文件_第5张图片

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

压缩/批量压缩/合并js文件_第6张图片

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

 

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

你可能感兴趣的:(压缩/批量压缩/合并js文件)