React Styled-Componentsを使って物理CSSファイルを生成する方法を教えてください。

Question

私はpublic/cssディレクトリ内の物理CSSファイルに出力するためにstyled-componentsに提供されるCSSが必要です。他のすべてのスタイルのコンポーネントからスタイルとともに

export const MyComp = styled.div` 
    width: 100%; 
    height: 500px; 
` 

、上記の構成要素だろうpublic/css/styled.cssへの出力：

.Components_MyComp__a39t9ag0248f { 
    width: 100%; 
    height: 500px; 
} 

私が使用しています：

"webpack": "^2.6.1", 
"styled-components": "^2.0.1", 

Answer 1

これは、現在サポートされて/ことはできません。

const Test = styled.div` 
    color: ${props => props.color}; 
` 

がどのように我々はこれを抽出しようとしている：静的なスタイルの抽出を行うことは非常に困難であり、例えば関数補間を検討？ CSSの静的部分だけを抽出することができましたが、これを困難にするエッジケースや制約がたくさんあります。

私たちは現在、最善のアプローチが何であるかを調査し、実験しています。今のところ、Babel pluginをチェックして、コンパイル時に作業していたことを確認してください！