仅当组件在 React 中渲染时加载组件的 CSS

Load Component's CSS only When Component is Rendered in React

提问人:Rama Rao M 提问时间:7/20/2023 最后编辑:Rama Rao M 更新时间:7/20/2023 访问量:22

问:

有两个组件,其中一次只有一个组件将被有条件地呈现。每个组件都有其各自的CSS文件,该文件使用import语句加载到组件中,即.import 'Header.css'

问题是,即使渲染了一个组件,我也可以在页面标题中看到两个CSS文件。 有什么方法可以避免加载未使用的/(未渲染的)组件?

注 1:由于技术原因,无法使用模块 css,因为它需要整个应用程序重构

注2:在SO中发现了几个类似的问题,但没有一个有正确的答案。

组件渲染时加载组件 css

仅当组件被渲染时才加载组件的 CSS

以下问题有一个公认的答案,但解决方案似乎不适用于:react 18Webpack 4

React:仅在组件渲染时加载组件的 CSS

javascript css reactjs webpack css加载器

评论


答: 暂无答案