React Router之代码分割

 

1.简介

 

网络的一项重要功能是，我们不必让访问者下载整个应用程序即可使用。您可以将代码拆分视为增量下载应用程序。要做到这一点，我们将使用的WebPack，@babel/plugin-syntax-dynamic-import和loadable-components。

webpack内置了对动态导入的支持；但是，如果您使用Babel（例如，将JSX编译为JavaScript），则需要使用该@babel/plugin-syntax-dynamic-import插件。这是仅语法的插件，这意味着Babel不会进行任何其他转换。该插件仅允许Babel解析动态