套装名称

suitnames 是使用 SUIT CSS 管理 CSS 模块的简单工具 - 如命名 关于反应的公约.

无耻地基于 贝姆类名称, (中文(简体) ), 依次为 灵感来自 类名。 。 。 .

npm install suitnames

使用量

var styles = require('style.css');
var sx = require('suitnames').bind(styles);

sx('elementSelector')
sx('BlockSelector', this.props)
sx(/* [...props|className] */);

简单

注意: 类别只有在从csmodule导出时才会添加 样式,否则会跳过. 工作最好与 localIdentName=[name]-[local]。 。 。 .

var styles = require('Button.css');
var sx = require('suitnames').bind(styles);

sx('Button', { color: 'green', block: true });  // "Button-Button Button--color-green Button--block"
sx({ disabled: true });  // "Button--disabled"
sx('a b', ['c', 'd']);  // "Button-a Button-b Button-c Button-d"

自定义前缀

// Default prefixes:
//
// sx.settings = {
//   prefix: '-',
//   separator: '-'
// };

sx.settings.prefix = '_';
sx.settings.separator = '---';
sx(styles, { flat: true });  // => styles['_flat']
sx(styles, { country: 'gb' });  // => styles['_country---gb']