CSS代码分割后样式丢失怎么办？

闲人明轩提问于 2026-03-14 17:23:20 阅读 3

优化

我用 React 做项目时尝试做 CSS 代码分割，结果动态加载的组件样式完全没生效，页面布局全乱了。是不是 splitChunks 配置有问题？

我用的是 React.lazy + Suspense 加载组件，组件里 import 了局部 CSS 文件：

const LazyComponent = React.lazy(() => import('./LazyComponent'));

function App() {
  return (
    <Suspense fallback="Loading...">
      <LazyComponent />
    </Suspense>
  );
}

而 LazyComponent.js 里是这样引入样式的：import './LazyComponent.css';。打包后 CSS 被单独分包了，但运行时没自动插入到 head 里，咋整？

代码分割

我来解答赞 0 收藏

反馈

暂无解答