A class prefixer/namespacer for postcss
npm install postcss-class-prefixA PostCSS plugin to prefix/namespace classes.
Avoid collisions with other libraries/stylesheets by prefixing your components with a namespace.
__Example input__
``css`
.Component { / ... / }
.Component--modifier { / ... / }
.Component-descendent { / ... / }
__Example output__
classPrefix('pfx-')`css`
.pfx-Component { / ... / }
.pfx-Component--modifier { / ... / }
.pfx-Component-descendent { / ... / }
``
npm install postcss-class-prefix
`javascript
var fs = require('fs');
var postcss = require('postcss');
var classPrfx = require('postcss-class-prefix');
var css = fs.readFileSync('css/my-file.css', 'utf8').toString();
var out = postcss()
.use(classPrfx('my-prefix-'))
.process(css);
`
`javascript
var fs = require('fs');
var postcss = require('postcss');
var classPrfx = require('postcss-class-prefix');
var css = fs.readFileSync('css/my-file.css', 'utf8').toString();
var out = postcss()
.use(classPrfx('my-prefix-', { ignore: [/ng-/, 'some-class-to-ignore']}))
.process(css);
``
MIT
* Based on rework-class-prefix (originally)