modular-css-namerdeprecated

Helper function to make tiny classnames for modular-css

Usage no npm install needed!

<script type="module">
  import modularCssNamer from 'https://cdn.skypack.dev/modular-css-namer';
</script>

README

modular-css-namer NPM Version NPM License NPM Downloads

Gitter

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 {}