【文件属性】:
文件名称:grunt-demo:使用grunt工具压缩合并css 和 js
文件大小:5KB
文件格式:ZIP
更新时间:2021-05-15 01:20:33
JavaScript
如何将多个js文件合并压缩为一个js文件
为什么要合并、压缩你的JS文件?
在开始之前,先重申一下这个问题。因为经常在帮忙改东西的时候看到HTML页面上引用了N个JS,而通常看到这个就知道这人JS写得有多糟糕了。HTML里穿插一堆JS代码的我就不吐槽了。
加载一个文件消耗的时间可以忽略不计,问题是你显示一个复杂的网页可能会加载N多文件,那我们在我们可以控制的范围内,能少花点时间就少花点呗。用户可是对网页加载的速度很挑剔的!
对JS,一般就会将本地的所有用到的文件合并及压缩。当然,以上对使用requireJS一类的框架加载的除外。
grunt是如何工作的
clean:删除临时文件
uglify:压缩
qunit:测试
concat:合并
任务流程可能是这样的:
task:clean
task:uglify
task:qunit
task:concat
安装
前提是你已经安装了nodejs和n
【文件预览】:
grunt-demo-master
----.gitignore(14B)
----README.md(3KB)
----Gruntfile.js(1KB)
----package.json(487B)
----build()
--------b.min.js(81B)
--------a.min.js(133B)
----index.html(222B)
----lib()
--------b.js(71B)
--------a.js(58B)