edp 的 rider 支持模块。
为 edp-webserver 和 edp-build 提供了预定配置。
集成了 stylus, rider, autoprefixer-core, css-mqpacker, husl 等依赖。
npm install edp-provider-rider --save-dev注：使用 edpx-mobile 生成的项目已经内置了 edp-provider-rider。
在 edp-webserver-config.js 与 edp-build-config.js 顶部引入：
var epr = require('edp-provider-rider');
exports.stylus = epr.stylus;
// 默认配置
var stylusPlugin = epr.plugin();在 edp-webserver-config.js 对应部分添加：
autostylus({
stylus: epr.stylus,
use: stylusPlugin
})在 edp-build-config.js 对应部分添加：
new StylusCompiler({
stylus: epr.stylus,
compileOptions: {
use: stylusPlugin
}
})搞定！
在定义 stylusPlugin 时，可以向 .plugin() 传入定制参数：
// 扩展配置，参数都是可选的
var stylusPlugin = epr.plugin({
// 隐式引入 rider，默认为 true
implicit: true,
// 是否解析 url 中的路径，默认为 true
resolveUrl: true,
// autoprefixer 配置，以下为默认值，可设置 false 禁用
// 参考：https://github.com/postcss/autoprefixer-core
autoprefixer: ['Android >= 2.3', 'iOS >= 6', 'ExplorerMobile >= 10'],
// husl 配置，默认为 false
// 参考：http://www.boronine.com/husl/
husl: true,
// mqpacker 启用状态，默认为 true
// 参考：https://github.com/hail2u/node-css-mqpacker
mqpacker: true,
// 手动追加 stylus 配置，可在此处引入其它 stylus 插件
// 参考：http://stylus-lang.com/docs/js.html#usefn
use: function(style) {}
});MIT © Baidu Inc.