reactjs - 如何使用 webpack 内联样式？

Question

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

例如，使用一些示例 CSS，

.example { 
    font-size: 2em 
}

以及组件内的一些 HTML，

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

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

Answer 1

我找到了一个这样做的图书馆:

https://github.com/Automattic/juice

它运行良好，尽管它不使用我更喜欢的 webpack。