Reactjs react loadable能否用于创建react应用程序服务器端？

我正在尝试在我的createreact应用程序中进行一些代码拆分，该应用程序利用服务器端呈现

我正在使用“react loadable”进行代码拆分：

到目前为止，我只是将我的

Home.js

组件从我的应用程序的其余部分分离出来，看看它是否有效。在开发模式中（阅读：非SSR），它被切块，工作正常

但是，我无法在服务器上运行。我正在遵循他们Github页面上的指南，由于需要更改网页包，我被卡住了。在

create react app

应用程序中，您无法访问网页，因为它被隐藏起来了

启动服务器时收到的错误是：

return (0, _importInspector.report)(import('../components/home/Home'), {
                                                ^^^^^^
SyntaxError: Unexpected token import
at createScript (vm.js:80:10) ...

我很确定这是因为我没有按照指南中的说明正确配置网页包

在指南中，它明确规定了SSR：

首先，我们需要一个网页来告诉我们每个模块的内部包。为此，我们提供了React可加载的网页包插件

从react-loadable/webpack导入react-loadable插件，并将其包含在您的webpack配置中。为它传递一个文件名，用于存储关于捆绑包的JSON数据

我认为如果没有弹射，这是不可能的。

---

有人知道

react-loadable

是否可用于

create-react-app

服务器端渲染应用程序吗？

将这些模块导入服务器文件顶部

require('ignore-styles');
require('babel-polyfill')
require('babel-register')({
    ignore: [ /(node_modules)/ ],
    presets: ['es2015', 'react-app'],
    plugins: [
        'syntax-dynamic-import',
        'dynamic-import-node',
        'react-loadable/babel'
    ]
});

---

美好的问题是“动态导入节点”会使import（）在服务器上工作，但会取消浏览器的代码拆分。所以我们只需要为服务器启用它（不要将它添加到.babelrc），这是一个完美的地方。这个答案应该被接受。我有同样的问题，但我使用的是可加载/组件，我感觉由于性能问题，它没有正确拆分。

require('ignore-styles');
require('babel-polyfill')
require('babel-register')({
    ignore: [ /(node_modules)/ ],
    presets: ['es2015', 'react-app'],
    plugins: [
        'syntax-dynamic-import',
        'dynamic-import-node',
        'react-loadable/babel'
    ]
});