css - 如何将请求通过管道传输到 nodejs 中的 clean-css？

Question

我正在尝试将请求输出通过管道传输到 clean-css 以缩小然后将其作为响应提供。有问题的示例应用程序是基于 restify 构建的。

示例目标代码：

var url = "http://www.example.com/css/style.css";
request.get(url).pipe(minify()).pipe(res);

如何定义 minify() 函数以接受流并返回一个。我已经尝试了几十个包，没有一个有效。帮助将不胜感激！

Answer 1

您可以创建一个转换流。它从创建的流中获取 CSS 代码request.get，执行缩小魔法并返回缩小的 CSS。

这是一个工作示例：

const restify = require('restify');
const request = require('request');
const { Transform } = require('stream');
const CleanCSS = require('clean-css');

const server = restify.createServer();
const cleanCss = new CleanCSS();
const url = 'http://www.example.com/css/style.css';

function createMinifyTransform() {
    return new Transform({
        transform(chunk, encoding, callback) {
            const output = cleanCss.minify(chunk.toString());
            this.push(output.styles);
            callback();
        }
    });
}

function respond(req, res) {
    request
        .get(url)
        .pipe(createMinifyTransform())
        .pipe(res);
}

server.get('/', respond);

server.listen(8080, () => console.log('%s listening at %s', server.name, server.url));