可通过Webpack 4和Babel 7反应加载

Question

升级到Babel 7后发生了奇怪的事情 在服务器端渲染期间，它返回所有可用的块，而不是返回使用的块，也许有人对此有所了解。 仅在客户端渲染时，效果很好。

我的babel配置：

  presets: [
    [
      '@babel/preset-env',
      {
        modules: false,
      },
    ],
    '@babel/preset-react',
  ],
  plugins: [
    '@babel/plugin-transform-runtime',
    '@babel/plugin-proposal-class-properties',
    '@babel/plugin-syntax-dynamic-import',
  ],
  env: {
    production: {
      only: ['app', 'ssr'],
      plugins: [
        'react-loadable/babel',
        'lodash',
        'transform-react-remove-prop-types',
        '@babel/plugin-transform-react-inline-elements',
        '@babel/plugin-transform-react-constant-elements',
      ],
    },
    test: {
      plugins: [
        '@babel/plugin-transform-modules-commonjs',
        'dynamic-import-node',
      ],
    },
  },

更新： 也许它将对某人有帮助，问题出在我编写导入的方式上，我使用了import('./index')，但是在此等待中，它将使所有块在react-loadable.json中具有相同的键./index 解决方案是使用绝对路径而不是相对路径。