styled-components和单独引入css的区别

Question

使用styled-component每次都要创建一个组件，每个页引入一个style.js，这和每个页面单独引入不同的style.css有什么区别吗，使用js来生成css性能会高一点吗

Answer 1

ZAnsder 2019-06-03 11:30:33

1. 区别就是使用styled-component，样式是组件化的，也就是组件样式相互不会影响

2. styled-component编译后也会生成css，和普通的css没区别

3. 使用styled-component优势还是蛮多的，你可以查阅官方文档说明，不好的地方也显而易见，编写太繁琐了；也可以使用css-module，要配置一下webpack
   

• Dell #1

  其实styled-component 样式也不一定是组件化的

• ZAnsder 回复 Dell #2

  什么意思？我看到官方说明，主要就是解决几大痛点：组件样式、动态生成类名、动态样式、自动添加供应商前缀等