Question

安装

rider 是一个 npm 包，可以在项目中直接安装：

npm install rider --save

依赖信息会自动保存在项目的 package.json 中。

配置

rider 是一个标准的 stylus 插件，可以方便的与 connect/express 等框架结合：

var connect = require('connect');
var stylus = require('stylus');
var rider = require('rider');

var server = connect();

function compile(str, path) {
    return stylus(str)
        .set('filename', path)
        .use(rider());
}

server.use(stylus.middleware({
    src: __dirname,
    compile: compile
}));

rider 是 无侵入 风格的 CSS 库，加载后如不调用相关功能，不会生成任何 CSS 代码。 默认情况下，它会 隐式加载 整个 CSS 库，但我们也提供了配置项关掉这个功能：

function compile(str, path) {
    return stylus(str)
        .set('filename', path)
        .use(rider({
            implicit: false
        }));
}

如果你这么做了，那就需要在使用时手动加载 rider：

@require 'rider'

initialize()

// etc...

后处理器

rider 是一个面向标准 CSS 输出的样式库，需要与 Autoprefixer 等后处理器配合使用。

请参考 autoprefixer-core、css-mqpacker 的文档对后处理器进行配置。