|
![](static/image/common/ico_lz.png)
楼主 |
发表于 2021-10-28 12:50:18
|
显示全部楼层
这样也不正确,还是没有理解独立运行的原理。css-in-js就是用js来预处理,这肯定是文章反对的主要观点,其实就包括了css的预处理比如,less,sass等。
css modules其实也是类似的,只是操作办法符合文章推荐的js处理class的观点。
但是普及的原因是独立运行,不要去理解vue,react等提出的新的处理css的方式。
想表达什么呢?就是webpack打包是不必要的,不论是打包js还是css,也不论是提取出来单独压缩css还是直接写入js里面的css。
而是说,css本身不属于逻辑语言,就是可见即所得的层叠样式表。
你自己写入.css外部引用,或者内部引用,或者内联方式。都是可以的。
如果你是vue或者react的开发者,你可以单独写入一个.css文件,用class方式绑定,一点问题没有的。
问题出在哪里?问题就是现在的前端第三方框架,都想用js来操作css,模块开发,全局生效或者局部生效都是动态修改[a23adcasd]类似这样的唯一标识码,而实现绑定的。
也就是说,css是完全独立的,操作方式本身就是dom绑定的方式,由于vue,react等开发者习惯了mvc的理念,无法理解为何还要单独操作dom的步骤,所以把css理解为了逻辑语言,是js的一个子功能,才是问题的关键所在。 |
|