如何使用 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

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

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