如何使 bundle.js 加载速度快？
How to make bundle.js load fast?
我是 webpack 和 React 的新手。
我有一个带有登录页面的应用程序。用户登录然后开始使用应用程序。
但是注册页面加载时间太长。在 bundle.js 文件完全加载之前，什么都不会出现。我不想只为一个登录页面加载整个 bundle.js。
我在正文标签中的 index.html 中实现了 bundle.js，就像这样。我也使用了 async 和 defer 属性，但是没有用。
<script src="/bundle.js?query=1.0.21"></script>
有什么想法吗？
需要用到code splitting，用webpack比较容易实现。为 Web 应用程序的每个部分创建一个单独的包的想法，在它有意义的地方。在您的情况下，它可能是一个仅处理登录页面的捆绑包，因此它相当小且加载速度很快，而一个捆绑包则用于您的应用程序的其余部分。
您也可以将其分解为其他几个包，例如每个路由一个或使用 lazy loading 一些较重的组件，当您的应用程序使用该组件时，这些组件将自动加载特定的 js。
我是 webpack 和 React 的新手。
我有一个带有登录页面的应用程序。用户登录然后开始使用应用程序。
但是注册页面加载时间太长。在 bundle.js 文件完全加载之前，什么都不会出现。我不想只为一个登录页面加载整个 bundle.js。
我在正文标签中的 index.html 中实现了 bundle.js，就像这样。我也使用了 async 和 defer 属性，但是没有用。
<script src="/bundle.js?query=1.0.21"></script>
有什么想法吗？
需要用到code splitting，用webpack比较容易实现。为 Web 应用程序的每个部分创建一个单独的包的想法，在它有意义的地方。在您的情况下，它可能是一个仅处理登录页面的捆绑包，因此它相当小且加载速度很快，而一个捆绑包则用于您的应用程序的其余部分。
您也可以将其分解为其他几个包，例如每个路由一个或使用 lazy loading 一些较重的组件，当您的应用程序使用该组件时，这些组件将自动加载特定的 js。