专栏首页智慧协同Nodejs一键压缩合并JS/CSS/Images

Nodejs一键压缩合并JS/CSS/Images

转自:http://jiangxiao-2000.iteye.com/blog/1941144

前言:

1.测试通过环境:

chrome v28.0.1500.71 + nodejs v0.10.18 / firefox v14.0.1 + nodejs v0.10.18

2.一键压缩文件存放位置:

根目录下的test文件夹(你也可以指定需要压缩的根目录,可以在前端传uglifyUrl这个值),你必须把 需要压缩的Js/Css/Images分别归类归好,如下图:

当然也可以这样,如下图:

目录层级深度可以无限长,只需注意两点:

1.要压缩的文件必须放在test(可在前端指定)目录下;

2.同一个目录下,只能放同一类型的文件,比如js文件夹里只能有js文件,css文件夹里只能有css文件, 图片文件夹里只能用图片类型文件(包括png/jpg/gif/jpeg…)

3.此功能需要安装的****node****模块(压缩包解压后模块已安装好):

socket.io :作用为客户端和服务器端的双向实时通信;

uglify-js :作用为js文件的压缩;

clean-css :作用为css文件的压缩;

node-smushit :作用为图片文件的压缩;

walk :作用为分析磁盘的目录结构;

4.功能介绍:

(1)当配置好nodejs服务器后,访问一键压缩页面http://127.0.0.1:3003,会出现如下图:

(2)当把需要压缩的文件放到test根目录下后,即可点击一键压缩按钮进行压缩,如下图:

(3)如果压缩图片不多的话,应该不到两分钟,即可压缩完毕,如下图:

(4)此时能达到的合并压缩效果,如下图

1.Js文件合并压缩:

2.Css文件合并压缩:

3. 图文文件压缩前与压缩后的容量对比:

5.常见错误分析:

(1) node模块安装有误,如下图

点击查看原始大小图片

(2)压缩指定目录有误,如下图

点击查看原始大小图片

(3)压缩的Js文件语法错误,或者压缩的目录文件夹中,存在未知的类型文件,会导致合并压缩无法进行下去,如下图:

点击查看原始大小图片

6.有关IT界的其它事儿:

**7.最后 **

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

我来说两句

0 条评论
登录 后参与评论

相关文章

  • Android “getActionBar()返回NullPointerException”问题分析

    通常,activity.getActionBar()返回NullPointerException原因是当前的activity没有ActionBar。从以下几个方...

    飞奔去旅行
  • Spring 4 通过@Scheduled注解创建定时任务

    创建方法其实很简单: 首先我们需要引入spring-context-support

    飞奔去旅行
  • Freemarker 循环遍历数字

    这么常用的功能,网上能搜到的信息竟然少之又少,普通的循环遍历网上一堆,大致就是这样:

    飞奔去旅行
  • MySQL 压缩解决方案(一)

    本文描述 mysql 压缩的使用场景和解决方案,包括压缩传输协议、压缩列解决方案和压缩表解决方案。

    飞鸿无痕
  • SQL Server 2008 压缩

    执行SQL查询时,主要的几个瓶颈在于:CPU运算速度、内存缓存区大小、磁盘IO速度。而对于大数据量数据的查询,其瓶颈则一般集中于磁盘IO,以及内存缓存。那么为了...

    张善友
  • asp.net core 系列之Performance的 Response compression(响应压缩)

    本文,帮助了解响应压缩的一些知识及用法(大部分翻译于官网,英文水平有限,不准确之处,欢迎指正)。

    Vincent-yuan
  • 《Oracle Concept》第二章 - 14

    表压缩 数据库能使用表压缩来降低存储空间。压缩技术可以节省磁盘空间,降低数据库buffer cache的内存使用量,在一些场景下,还会提高检索执行的速度。表压...

    bisal
  • 优化SqlServer--数据压缩

     数据压缩是对存储和性能优势的加强。减少数据库占用的磁盘空间量将减少整体数据文件存储空间,在一下几个方面增加吞吐量:      1.更好的I/O利用率,每个页面...

    用户1217611
  • Hadoop 数据压缩简介

    文件压缩带来两大好处:它减少了存储文件所需的空间,并加速了数据在网络或者磁盘上的传输速度。在处理大量数据时,这两项节省可能非常重要,因此需要仔细考虑如何在 Ha...

    smartsi
  • 五分钟聊T-SQL:数据压缩

    传说中数据压缩能压缩到原始数据的1/10,但是... ... 但是至少目前为止我还没遇到过这样的情形,通常情况下能压缩到原始数据的1/5-2/5的样子。

    腾讯云TStack

扫码关注云+社区

领取腾讯云代金券