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

来源:3-6 【组件化】配置React的CSS模组

慕侠9157770

2021-01-18

import styles from ‘*.css’

import ‘.css’.

后者是webpack 会被plugin 注入

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

写回答

1回答

阿莱克斯刘

2021-01-18

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

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

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

0
1
慕侠9157770
好的其实会带来一个问题, 如果jss 有性能问题是指咋哪个阶段呢? 因为最后都会被打包成inline css?
2021-01-18
共1条回复

React18 系统精讲 结合TS打造旅游电商平台

React18 精讲 + 结合 TS 实战 + 热门业务开发,获取必备技能

1993 学习 · 1015 问题

查看课程