9

我需要将提供的 CSSstyled-components输出到我的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",
4

1 回答 1

8

目前这是不可能的/不支持的。提取静态样式非常困难,例如考虑函数插值:

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

我们将如何提取这个?我们只能提取 CSS 的静态部分,但是有很多边缘情况和约束使得这很难构建。

我们目前正在调查和尝试找出最好的方法。现在看看我们的Babel 插件,看看在编译时正在处理的一些事情!

于 2017-07-05T09:45:05.843 回答