如何使用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，但效果很好。

Answer 2

在返回之前的组件渲染功能中：

<p style={style} >  content </p>

然后在元素中：

   SELECT   
        ERROR_NUMBER() AS ErrorNumber  
       ,ERROR_MESSAGE() AS ErrorMessage;