57uv6Z6g55qE5Y2a5a6i

MS4wLjABAAAA5qMD8Gzdcgq7HXUOviKB59i0-ybJ59jJvNzyaPt5XOsVNqP6DU7WLcoAXvdxvYdp💗
本站所有文章仅作技术研究，请勿非法破坏，请遵守相关法律法规，后果自负

【笔记】React的分包

发表于 2026-02-06 分类于 React学习指北阅读次数：

前言

React的分包学习笔记

异步组件实现Webpack自动分包

src/components/Component.jsx

import React from "react";

class Component extends React.Component {}

export default Component;

fallback：未加载时渲染的组件

src/App.jsx

import React from "react";

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

class App extends React.Component {
  render() {
    return (
      <Suspense fallback={ <div>Loading...</div> }>
        <Component />
      </Suspense>
    );
  }
}

export default App;

完成

0%