React应用中，为什么scss公共样式会因为组件数量重复引入？

Question

问题描述

我用React搭建多个页面的应用，有一个公共样式global.scss，没有在任何地方import（试过在index.js里import一次也一样），出现的问题是，随着开发进度在chrome里调试越来越卡，表现在点击html标签后加载style非常卡，看了一下发现是应用中有多少个react组件，global.scss就会重复引用多少次，于是在chrome表现如下图：

不知道为什么会这样，有什么解决办法吗谢谢。
（项目结构是，定义了global.scss；组件则是由jsx和scss组成，组件的scss里有用到global.scss里的变量，比如$color03这种，但是没有@import global.scss，试过@import了也还是有那个重复导入的问题）

Answer 1

被全局引用的scss文件(如index.scss),不要放具体的css代码.应该只放scss变量,函数,混合等,不会产生污染的东西.如果是希望全局引用的css样式文件,在入口js引一次即可.

Answer 2

遇到相同问题, 同问

Answer 3

请问楼主解决了这个问题了吗，我也遇到了