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

时间:2021-11-18 10:25:22

写在前面

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

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文件

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

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

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

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

app.js文件

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

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

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

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

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

压缩/批量压缩/合并js文件的更多相关文章

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

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

  2. Gulp实现css、js、图片的压缩以及css、js文件的MD5命名

    目前做代码压缩合并的工具有很多,诸如gulp,webpack,grunt等等,可以说这些项目构建工具的功能非常之强大:图片压缩.图片转base64.css和js的压缩以及合并,文件的md5重命名 -- ...

  3. 使用T4模板合并js文件

    不知道该怎么表达,或许直接贴图贴代码更好 前因:在第一个使用angularjs的项目中我将所有的controller写到一个文件里面,深知维护起来那滋味,所以再次使用angularjs的时候,我便把所 ...

  4. MVC4新功能...压缩和合并js文件和样式文件

    1.在App_Start文件夹中BundleConfig.cs类中添加相应的文件 1.1bundles.Add(new ScriptBundle("~/bundles/adminJs&quo ...

  5. MVC4中压缩和合并js文件和样式文件

    1.在App_Start文件夹中BundleConfig.cs类中添加相应的文件 1.1bundles.Add(new ScriptBundle("~/bundles/adminJs&quo ...

  6. 合并js文件minify实例

    将min目录放入项目中后,js中引入方式是: <script type="text/javascript" src="__PUBLIC__/min/?b=publi ...

  7. Gulpfile&period;js——编译、压缩、合并js和css文件

    gulp 一个入门教程:http://www.ydcss.com/gulp API文档地址:http://www.gulpjs.com.cn/docs/api/ 我的一个Low版的gulpfile v ...

  8. 引用:使用grunt 压缩 合并js、css文件

    引用:https://www.jianshu.com/p/08c7babdec65 压缩 js 文件 1.创建一个目录 名为grunt   目录.png 2.在grunt目录下创建一个 src目录,存 ...

  9. 自写脚本实现上线前本地批量压缩混淆 js &comma; css 代码。

    最近做项目遇到一个要求,就是把本地的 js 和 css 进行压缩后再上线,由于之前项目并没有使用 webpack 之类的库,项目上也因为一些机密不能在线上压缩,这无疑给代码打包压缩带来了很大麻烦,于是 ...

随机推荐

  1. 自定义getElementByClass

    DOM已经实现了getElementByClass,这个功能内部是怎么实现的呢 js代码及如何使用: function getElementByClass(className,parentNode){ ...

  2. 5&period;15&lbrack;没什么营养的一段日子&rsqb;A&ast;

    五月份没有写过blog. 期中考刚过......漫漫文化课,无尽头. 马上要为联赛开坑了,激动啊. 刚听了孙柘的演讲..%%% 最近刷的题只有一道启发式合并,一道分层图,一道差分约束..然后不知不觉破 ...

  3. 编译spock proxy

    今天把spock proxy编译通过并且运行了.大家如果在编译这款类似于MySQL proxy的软件遇到问题时,可以联系我.微信onesoft007

  4. PAT &lpar;Advanced Level&rpar; 1019&period; General Palindromic Number &lpar;20&rpar;

    简单题. #include<iostream> #include<cstring> #include<cmath> #include<algorithm&gt ...

  5. 微信小程序开发之选项卡

    选项卡是web开发中经常使用到的一个模块,在小程序中竟然没有,这里参考别人的文章自己做了一个双选项卡 实现思路: 通过绑定swichNav事件来控制currentTab(当前选项卡)和isShow(是 ...

  6. 禁止WORDPRESS站内搜索的方法

    如果我们希望禁止站内搜索,毕竟会是的MYSQL负担加重,我们可以禁止掉,然后在使用第三方搜索组件.比如用百度站内搜索或者360站内搜索. function fb_filter_query( $quer ...

  7. UltraISO制作启动盘及提取U盘为ISO镜像

    我们先来说下UltraISO这个工具,中文名也叫软碟通,他是一个无需量产你的U盘就可以把U盘做成启动盘的工具,当然了,这么强大的工具肯定不是免费版的,对,他是共享的:但是你可以下载特别版嘛..网上到处 ...

  8. android 积累

    图片资源 图片资源是简单的Drawable资源,目前Android支持的图片格式有:gif.png.jpg等.我们只需要把图片资源放置到\res\drawable目中,那么在编译后的R.java类中就 ...

  9. python学习笔记(四)之分支和循环

    python中比较操作符有: > >= < <= == != 这些操作符返回True或False 1 >>> 1 < 3 2 True 3 >&g ...

  10. &lbrack;Android Pro&rsqb; Android中全局Application的onCreate多次调用问题

    一般来说Application的onCreate方法只会执行一次, 如果应用中采用多进程方式,oncreate方法会执行多次,根据不同的进程名字进行不同的初始化, 就是在application中多添加 ...