reactjs - webpack 4 react loadable 不会根据夹点拆分供应商

Question

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

CSS实际上似乎被分成了块，虽然

{
  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 上还不能很好地工作，看看这个pull request。

有一个react-loadable 的分支（由 PR 的作者提供），但它也对我不起作用。我有一个问题，一些包装在 Loadable 中的组件无法加载。

Answer 2

@Bohdan 其他
我也遇到了这个问题。

我发现组件无法加载所有导入样式。如果我删除样式，组件将正常加载。

作为一种解决方法，我将所有样式移动到入口文件。