使用 node-sass 即时编译 css

Question

我正在尝试为我的 scss 文件构建一个即时编译器。逻辑是： - 当页面询问节点或 .css 文件时 - 看看哪个子域正在调用 - 编译 css 为：

var result = sass.renderSync({
    file: org+'/css/sass/main.scss',
    outputStyle: 'compressed'
});
return res.send(result.css);

一切正常 "fine" 因为我得到了带有所有已编译样式表的 result.css（对象）但是..它没有从浏览器加载！

我做错了什么？

Answer 1

我安装了 node-sass 模块来编译 scss 文件，cleancss 最小化，然后我在发送结果之前解决了设置 header 的问题。

    var result = sass.renderSync({
        file: org+'/css/sass/main.scss'
    });
    result = new cleancss().minify(result.css);
    res.setHeader('Content-Type', 'text/css');
    return res.send(result.styles);

使用 node-sass 即时编译 css

compile css on the fly with node-sass

node-sass