我需要将提供给 styled-components
的 CSS 输出到我的 public/css
目录内的物理 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",
最佳答案
目前这是不可能/不支持的。提取静态样式非常困难,例如考虑函数插值:
const Test = styled.div`
color: ${props => props.color};
`
我们如何提取这个?我们只能提取 CSS 的静态部分,但有很多边缘情况和限制使得构建变得困难。
我们目前正在调查和试验,以找出最好的方法。现在查看我们的Babel plugin查看编译时步骤中正在处理的一些事情!
关于reactjs - 我如何选择 React Styled-Components 来生成物理 CSS 文件?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/44916599/