首页 > 解决方案 > 如何配置 webpack-4 以生成多个块用于代码拆分?

问题描述

我已经在 react-loadable 中设置了多个不同的 webpackChunkName,我设置了 10 个不同的块,但只有 5 个块。组合了一些块,我想得到 10 个不同的块。如何配置它?谢谢


export const AsyncAAA = Loadable({
  loader: () => import(
    /* webpackPrefetch: true, webpackChunkName: "AAA" */ 
     "containers/AAA"
  )
});

export const AsyncBBB = Loadable({
  loader: () => import(
    /* webpackPrefetch: true, webpackChunkName: "BBB" */ 
     "containers/BBB"
  )
});

export const AsyncCCC = Loadable({
  loader: () => import(
    /* webpackPrefetch: true, webpackChunkName: "CCC" */ 
     "containers/CCC"
  )
});

标签: reactjswebpack-4react-loadable

解决方案


推荐阅读