阻止React导入尚未使用的CSS文件

阻止React导入尚未使用的CSS文件,css,reactjs,Css,Reactjs,关于页面加载速度,我觉得很奇怪React正在导入CSS文件,这些文件是在主页上甚至没有使用的组件中导入的。我的react应用程序似乎正在导入整个项目中的每个css文件,我确信这会影响我的页面速度。如何防止react导入css文件(由组件导入),而这些文件甚至没有导入/存在于特定页面上 例如,我的主页可能有Comp1.js、comp2.js和comp3.js,这些文件中的每一个都会导入它们自己的css文件。但是我看到其他页面的css文件被加载到html头标签中…(见下面的屏幕截图) 如果您能分享如

关于页面加载速度,我觉得很奇怪React正在导入CSS文件,这些文件是在主页上甚至没有使用的组件中导入的。我的react应用程序似乎正在导入整个项目中的每个css文件,我确信这会影响我的页面速度。如何防止react导入css文件(由组件导入),而这些文件甚至没有导入/存在于特定页面上

例如,我的主页可能有Comp1.js、comp2.js和comp3.js,这些文件中的每一个都会导入它们自己的css文件。但是我看到其他页面的css文件被加载到html头标签中…(见下面的屏幕截图)


如果您能分享如何捆绑应用程序,将有助于社区了解您的问题。捆绑我的应用程序是什么意思?你想看看我的文件夹结构吗?我是说你有使用或其他构建工具的自定义构建吗?或者您使用的是来自的默认生成?您如何设计组件的样式?您是否正在将CSS文件导入到它们中?或者您正在使用Sass、样式化组件或其他方法?所有这些都是理解您的特定场景所必需的。正如我提到的,我正在将css文件导入每个jsx组件中。我正在使用CreateReact应用程序,并使用常规css来设计我的组件。