-
Notifications
You must be signed in to change notification settings - Fork 6
/
index.js
212 lines (197 loc) · 5.42 KB
/
index.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
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
const { log } = require('console');
let fs = require('fs');
let path = require('path');
let UglifyJS = require("uglify-js");
let minify = require('html-minifier').minify;
let CleanCSS = require('clean-css');
let distDir = path.join(__dirname, './dist'); //压缩后的目录
let sourceDir = path.join(__dirname, './source'); //项目源代码
let showCompress = true;
let minifyJS = showCompress ? {
compress: {
warnings: false,
drop_debugger: true,
drop_console: true
}
} : true;//配置压缩js,showCompress为true时压缩代码并去除console,debugger控制台提示,正式发布上线可开启,否则只压缩js
deleteFolder(distDir); //清除打包后的目录
// 清除目录
function deleteFolder(paths) {
var files = [];
if (fs.existsSync(paths)) {
files = fs.readdirSync(paths);
files.forEach(function (file, index) {
var curPath = paths + "/" + file;
if (fs.statSync(curPath).isDirectory()) { // recurse
deleteFolder(curPath);
} else { // delete file
fs.unlinkSync(curPath);
}
});
fs.rmdirSync(paths);
}
}
var copyFile = function (srcPath, tarPath, cb) {
var rs = fs.createReadStream(srcPath)
rs.on('error', function (err) {
if (err) {
console.log('read error', srcPath)
}
cb && cb(err)
})
var ws = fs.createWriteStream(tarPath)
ws.on('error', function (err) {
if (err) {
console.log('write error', tarPath)
}
cb && cb(err)
})
ws.on('close', function (ex) {
cb && cb(ex)
})
rs.pipe(ws)
}
var copyFolder = function (srcDir, tarDir, cb) {
fs.readdir(srcDir, function (err, files) {
var count = 0
var checkEnd = function () {
++count == files.length && cb && cb()
}
if (err) {
checkEnd()
return
}
files.forEach(function (file) {
var srcPath = path.join(srcDir, file)
var tarPath = path.join(tarDir, file)
fs.stat(srcPath, function (err, stats) {
if (stats.isDirectory()) {
console.log('mkdir', tarPath)
fs.mkdir(tarPath, function (err) {
if (err) {
console.log(err)
return
}
copyFolder(srcPath, tarPath, checkEnd)
})
} else {
copyFile(srcPath, tarPath, checkEnd)
}
})
})
//为空时直接回调
files.length === 0 && cb && cb()
})
}
//创建dist目录
function creatDir(dir) {
return new Promise((resolve, reject) => {
fs.mkdir(dir, function (err) {
if (err) {
reject(err);
} else {
console.log("目录创建成功。");
resolve()
}
});
})
}
creatDir(distDir).then(() => {
copyFolder(sourceDir, distDir, function (err) {
if (err) {
return
}
console.log('处理完了');
fileDisplay(distDir);
});
}).catch((err) => {
});
/**
* 文件遍历方法
* @param filePath 需要遍历的文件路径
*/
function fileDisplay(filePath) {
//根据文件路径读取文件,返回文件列表
fs.readdir(filePath, function (err, files) {
if (err) {
console.warn(err)
} else {
//遍历读取到的文件列表
files.forEach(function (filename) {
//获取当前文件的绝对路径
var filedir = path.join(filePath, filename);
//根据文件路径获取文件信息,返回一个fs.Stats对象
fs.stat(filedir, function (eror, stats) {
if (eror) {
console.warn('获取文件stats失败');
} else {
var isFile = stats.isFile(); //是文件
var isDir = stats.isDirectory(); //是文件夹
if (isFile && /\.htm/.test(filedir)) { //压缩.htm或.html文件
miniHtml(filedir)
}
if (isFile && /\.js$/.test(filedir)) { //压缩js文件
miniJs(filedir)
}
if (isFile && /\.css$/.test(filedir)) { //压缩css文件
miniCss(filedir)
}
if (isDir) {
fileDisplay(filedir); //递归,如果是文件夹,就继续遍历该文件夹下面的文件
}
}
})
});
}
});
}
function miniCss(filedir){
console.log(filedir)
fs.readFile(filedir, 'utf8', function (err, data) {
if (err) {
throw err;
}
let options = { /* options */ };
let result = new CleanCSS(options).minify(data);
if(result.warnings.length>0){//压缩错误处理
console.log(filedir,result.warnings);
}else{
fs.writeFile(filedir,result.styles, function () {
console.log(filedir,'success');
});
}
});
}
function miniJs(filedir){
fs.readFile(filedir, 'utf8', function (err, data) {
if (err) {
throw err;
}
let result = UglifyJS.minify(data);
if (!result.code) {//压缩错误处理
console.log(filedir, result.error);
} else {
fs.writeFile(filedir,result.code , function () {
console.log(filedir,'success');
});
}
});
}
function miniHtml(filedir){
fs.readFile(filedir, 'utf8', function (err, data) {
if (err) {
throw err;
}
console.log(filedir);
fs.writeFile(filedir, minify(data, { //主要压缩配置
processScripts: ['text/html'],
collapseWhitespace: true,
minifyJS: minifyJS,
minifyCSS: true,
removeComments: true, //删除注释
removeCommentsFromCDATA: true, //从脚本和样式删除的注释
}), function () {
console.log(filedir,'success');
});
});
}