inline-style-loader

A webpack loader that imports a css file and converts it to be used as an inline style

Usage

.selector {
    color: red;
    background-color: blue;
}

element = document.createElement('div');
element.setAttribute('style', 
    require('raw!inline-style!./some-inline-style.css')['.selector']
);

<div style="color: red; background-color: blue;"></div>

Check the demo for a more complete example

Limitations

Because the css is inlined, pseudo classes (:hover, :active, ...) can't be supported.