未加工的源代码
极客观点
项目管理
HarmonyOS
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>你好</title>
</head>
<body>
<p class="abc">你好</p>
</body>
</html>
加工后的代码（要实现的是去掉回车符及多余的空格）
<!DOCTYPE html><html><head><meta charset="UTF-8"><title>你好</title></head><body><p class="abc">你好</p></body></html>服务器上有一个index.html文件，源代码是上面未加工的代码，怎么样通过文件流（createReadStream）及管道（pipe）来实现？
实现的是在浏览器中查看源代码的样式是加工后的代码的样式。
可以先使用createReadStream读取read.html文件的原内容，然后通过第三方html-minifier模块处理(记得使用npm安装)，最后再使用writeFileSync写入加工后的文件write.html中：
const {
createReadStream,
writeFileSync
} = require('fs');
let data = '';
const readStream = createReadStream('./call.html');
// 需要安装第三方模块html-minifier
const minify = require('html-minifier').minify;
readStream.setEncoding('UTF8');
readStream.on('data', (chunk) => {
data += chunk;
});
readStream.on('end', (chunk) => {
// 压缩html
let result = minify(data, { removeComments: true, collapseWhitespace: true });
console.log(result);
// 写入压缩文件
writeFileSync('./write.html', result);
console.log("程序执行完毕");
});实际情况读本地html这种小文件，可以使用readFile来读取而不需要动用流这种方案，类似实现的原理就像webpack的加载器和gulp的插件一样。
如果规定必须在管道中处理可以使用through2模块实现，这种方案需要自己去解析buffer数据格式，类似下面这样：
const fs = require('fs');
const through2 = require('through2');
fs.createReadStream('./read.html')
.pipe(through2(function (chunk, enc, callback) {
for (var i = 0; i < chunk.length; i++)
if (chunk[i] == 97)
chunk[i] = 122 // 把a替换为z
this.push(chunk);
callback();
}))
.pipe(fs.createWriteStream('./write.html'));10 回答11.2k 阅读
5 回答4.8k 阅读✓ 已解决
4 回答3.1k 阅读✓ 已解决
2 回答2.7k 阅读✓ 已解决
3 回答2.3k 阅读✓ 已解决
3 回答2.2k 阅读✓ 已解决
2 回答2.6k 阅读✓ 已解决
使用html-minifier。
你是想每次请求都压缩么？这样的需求头一次见，对性能损耗很大呀，一般都是压缩再用的。