node-sass - 使用 node-sass 即时编译 css

Question

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

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

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

我做错了什么？

Answer 1

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

    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);