如何使用 webpack 内联样式?

gzz*_*zzo 6 reactjs webpack webpack-style-loader

webpack 有没有办法自动内联样式?

例如,使用一些示例 CSS,

.example { 
    font-size: 2em 
}
Run Code Online (Sandbox Code Playgroud)

以及组件内的一些 HTML,

class Example extends React.Component {
    render() {
        return <div className={css.example} />
    }
}
Run Code Online (Sandbox Code Playgroud)

我希望 webpack 输出: <div style="font-size: 2em;" />

gzz*_*zzo 1

我找到了一个可以执行此操作的库:

https://github.com/Automattic/juice

它工作得很好,尽管它没有使用我更喜欢的 webpack。