设为首页收藏本站

运维网»论坛 › 【开发测试】 › nodejs › nodejs压缩css及js工具

CentOS6.5下redis-3.2.6的安装与配置

VMware vcenter+vSphere 6.5 U2共享

zabbix3.4.1安装部署+微信推送信息+大屏显

winhex数据恢复教程（非常巨大，内容丰富）

【跟谁学】韩宇极简英语课-技术人员不得不

用Zabbix通过JMX方式监控weblogic

Symantec Backup Exec 2015 2016/2012 BE20

查看: 775|回复: 0

[经验分享] nodejs压缩css及js工具

累计签到：1 天
连续签到：1 天

发表于 2015-12-16 09:28:31 | 显示全部楼层 |阅读模式

1. 安装nodejs

2. 安装cssmin。 npm install cssmin -g
3. 安装yuicompressor。npm install yuicompressor -g
4. 设置NODE_PATH到全局C:\Users\Administrator\AppData\Roaming\npm\node_modules (默认nodejs全局目录)
5. 创建source目录，创建dist目录
6. 创建compress.js

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83

var fs = require('fs');
var cssmin = require('cssmin');
var compressor = require('yuicompressor');

var sourceDir = "source";
var distDir = "dist";
var fileNames = fs.readdirSync(sourceDir);
var fileIndex = 0;

compressFile(fileNames[fileIndex]);

function compressFile(fileName){
if(fileName==null){
      return;
}

var sourceFileName = fileName;
var sourceFilePath = sourceDir+"/"+sourceFileName;

var suffix = getSuffix(fileName);


if(suffix=="css"){
      compressCssFile(fileName);
      return;
}else if(suffix=="js"){
      compressJsFile(fileName);
      return
}
compressFile(fileNames[++fileIndex]);

}

function compressCssFile(fileName){
var sourceFileName = fileName;
var sourceFilePath = sourceDir+"/"+sourceFileName;

var compressedFileName = sourceFileName.replace(".css","")+".min.css";
var compressedFilePath = distDir+"/"+sourceFileName;

var css = fs.readFileSync(sourceFilePath, encoding='utf8');
var min = cssmin(css);
fs.writeFile(compressedFilePath,min,function(err){
      if(err==null){
         console.log("compress file["+sourceFileName+"] to file["+compressedFileName+"] successfully ...");
         compressFile(fileNames[++fileIndex]);
      }else{
         console.log("encounter error : "+err);
      }
});
}

function compressJsFile(fileName){

var sourceFileName = fileName;
var sourceFilePath = sourceDir+"/"+sourceFileName;

var compressedFileName = sourceFileName.replace(".js","")+".min.js";
var compressedFilePath = distDir+"/"+compressedFileName;

compressor.compress(sourceFilePath, {
      charset: 'utf8',
      type: 'js',
      nomunge: true,
      'line-break': 80
}, function(err, data, extra) {

      fs.writeFile(compressedFilePath,data,function(err){
         if(err==null){
            console.log("compress file["+sourceFileName+"] to file["+compressedFileName+"] successfully ...");
            compressFile(fileNames[++fileIndex]);
         }else{
            console.log("encounter error : "+err);
         }
      });

});
}

function getSuffix(fileName){
var index = fileName.lastIndexOf(".");
return fileName.substring(index+1);
}

运维网声明 1、欢迎大家加入本站运维交流群:群②:261659950 群⑤:202807635 群⑦870801961 群⑧679858003
2、本站所有主题由该帖子作者发表，该帖子作者与运维网享有帖子相关版权
3、所有作品的著作权均归原作者享有，请您和我们一样尊重他人的著作权等合法权益。如果您对作品感到满意，请购买正版
4、禁止制作、复制、发布和传播具有反动、淫秽、色情、暴力、凶杀等内容的信息，一经发现立即删除。若您因此触犯法律，一切后果自负，我们对此不承担任何责任
5、所有资源均系网友上传或者通过网络收集，我们仅提供一个展示、介绍、观摩学习的平台，我们不对其内容的准确性、可靠性、正当性、安全性、合法性等负责，亦不承担任何法律责任
6、所有作品仅供您个人学习、研究或欣赏，不得用于商业或者其他用途，否则，一切后果均由您自己承担，我们对此不承担任何法律责任
7、如涉及侵犯版权等问题，请您及时通知我们，我们将立即采取措施予以解决
8、联系人Email：admin@iyunv.com 网址：www.yunweiku.com

所有资源均系网友上传或者通过网络收集,我们仅提供一个展示、介绍、观摩学习的平台,我们不对其承担任何法律责任,如涉及侵犯版权等问题,请您及时通知我们,我们将立即处理,联系人Email:kefu@iyunv.com,QQ:1061981298 本贴地址：https://www.yunweiku.com/thread-151838-1-1.html 上篇帖子： python向mysql中存储JSON及Nodejs取出下篇帖子：安装和配置nginx、NodeJS和MongoDB

回复

使用道具举报

扫码加入运维网微信交流群X

扫码加入运维网微信交流群

扫描二维码加入运维网微信交流群，最新一手资源尽在官方微信交流群！快快加入我们吧...

扫描微信二维码查看详情

客服 E-mail:iyunvcom@gmail.com

本站由青云提供云计算服务

运维网--中国最专业的运维工程师交流社区

豫ICP备20007574号-1 Copyright © 2012-2025

Good Good

Study

Day Day

UP

客服E-mail:kefu@iyunv.com 客服QQ：1061981298

QQ群⑦： QQ群⑧： k8s群：

提醒：禁止发布任何违反国家法律、法规的言论与图片等内容；本站内容均来自个人观点与网络等信息，非本站认同之观点.

本站大部分资源是网友从网上搜集分享而来，其版权均归原作者及其网站所有，我们尊重他人的合法权益，如有内容侵犯您的合法权益，请及时与我们联系进行核实删除！

合作伙伴:

快速回复 返回顶部 返回列表