modular-css-namer v15.0.0

modular-css-namer

Tiny classnames for modular-css production builds!

Usage

JS API

var Processor = require("modular-css-core"),
    processor = new Processor({
        namer : require("modular-css-namer")()
    });
    
// ...

Browserify

build.plugin("modular-cssify", {
    css   : "./style.css",
    namer : require("modular-css-namer")()
});

// ...

Rollup

rollup({
    entry   : "./index.js",
    plugins : [
        require("modular-css-rollup")({
            css   : "./gen/index.css",
            namer : require("modular-css-namer")()
        })
    ]
});

Example output

/* one.css */
.alert {}
.notification {}

/* two.css */
.title {}
.heading .subheading {}

becomes

/* output.css */
.AA {}
.AB {}

.BA {}
.BB .BC {}