请问CSS组件化是react编译的结果吗？

Question

import styles from ‘*.css’

与

import ‘.css’.

后者是webpack 会被plugin 注入

而前者是怎样的行为呢？ 是会按着module来 该类名还是怎样， 是webpack的插件控制的吗？

Answer 1

阿莱克斯刘 2021-01-18 11:55:23

• 使用“import ‘.css’”以后，webpack会把整个css代码全部打包进来，

• 而使用“import styles from ‘*.css’”也同样会被webpack打包，不过不是打包整个css文件，而是把需要的css部分对象提取出来，做成in-line-style放在react的jsx代码中打包。

不过请注意，模块化css文件命名为"*.module.css"是约定俗成的命名规范，也是我们课程所使用的插件的要求。如果使用其他的插件，也许可以使用不同的文件名称。对于其他的jss插件，你可以自己搜索一下。

• 提问者 慕侠9157770 #1

  好的其实会带来一个问题,  如果jss 有性能问题是指咋哪个阶段呢?
  
  因为最后都会被打包成inline css?