是否可以使用静态单页面应用程序对split（webpack）进行编码？ （阵营/阵营路由器）

Question

我知道服务器端同构渲染，但我目前有一个托管在github页面上的站点，所以服务器端是不可能的（或者是吗？）。

我一直在做一些研究并发现各种评论说它有可能，但我正在寻找确认，也许还有一个更详细的解释，说明如何使用静态单页面应用进行代码分割。我的bundle.js文件目前是500 + kb，我想看看如何减少加载时间，特别是当我继续添加功能时。

Answer 1

如果我记得使用react-router，你可以在Route组件getComponent（）中定义一个参数，并使用System.import加载你的依赖项，例如。

{
     path: '/',
     getComponent(location, cb) {
       System.import('path/Component').then(loadRoute(cb)).catch(errorLoading);
     }