请问CSS组件化是react编译的结果吗?
来源:3-6 【组件化】配置React的CSS模组

慕侠9157770
2021-01-18
import styles from ‘*.css’
与
import ‘.css’.
后者是webpack 会被plugin 注入
而前者是怎样的行为呢? 是会按着module来 该类名还是怎样, 是webpack的插件控制的吗?
写回答
1回答
-
使用“import ‘.css’”以后,webpack会把整个css代码全部打包进来,
而使用“import styles from ‘*.css’”也同样会被webpack打包,不过不是打包整个css文件,而是把需要的css部分对象提取出来,做成in-line-style放在react的jsx代码中打包。
不过请注意,模块化css文件命名为"*.module.css"是约定俗成的命名规范,也是我们课程所使用的插件的要求。如果使用其他的插件,也许可以使用不同的文件名称。对于其他的jss插件,你可以自己搜索一下。
012021-01-18
相似问题