webpack 4 react loadable 不会根据卡点拆分供应商

IT技术 reactjs webpack-4 react-loadable
2021-04-26 11:10:38

我目前正在使用 webpack 4 和 react loadable 来创建块。它实际上块取决于断点。但是,供应商规模保持不变。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,
        },
      }
    }
  }
}
2个回答

React-loadable 还不能很好地与 Webpack 4 配合使用,看看这个pull request。

有一个react-loadable分支(由 PR 的作者),但它对我也不起作用。我遇到了一些包裹在 Loadable 中的组件无法加载的问题。

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

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

作为一种解决方法,我将所有样式移动到条目文件中。