reactjs - webpack 4 React loadable 不会根据卡盘点分割供应商

Question

我目前正在使用带有 React loadable 的 webpack 4 来创建 block 。 它实际上分块取决于断点。然而，供应商规模保持不变。 React loadable 还不支持 webpack 4 吗？或者我缺少一些设置？

CSS 实际上似乎被分成了 block

{
  output: {
    path: 'tothe path',
    publicPath: `/publicPath/`,
    filename: '[name] + '.js',
    chunkFilename: '[name]',
  },
  resolve: {
    extensions: ['.js', '.json', '.css'],
    alias: aliases
  },

  stats: {
    warnings: false,
    children: false,
  },

  optimization: {

    splitChunks: {
      chunks: "all",
      name: true,
      cacheGroups: {
        common: {
          name: "vendor" + ".js",
          test: /[\\/]node_modules[\\/]/,
          chunks: "all",
          enforce: true,
          reuseExistingChunk: false,
        },
      }
    }
  }
}

Answer 1

React-loadable 还不能很好地与 Webpack 4 配合使用， 看看this拉取请求。

有一个fork的react-loadable(PR的作者)， 但它对我也不起作用。我遇到了一个问题，即某些包含在 Loadable 中的组件无法加载。