将webpack块命名为react-loadable

时间:2017-10-05 11:27:46

标签: reactjs webpack dynamic-import react-loadable

我已经在我的项目中成功添加了可加载反应的库来启用代码拆分,我发现的唯一问题是webpack生成的块没有命名,它们被赋予整数名称。

我的反应加载使用代码是

const AppRootLoadable = Loadable({
  loader: () => import(/* webpackChunkName: "app" */ './App'),
  loading: () => null,
  render(loaded) {
    const Component = loaded.default;
    return <Component />;
  },
});

我添加了评论告诉webpack 3我希望这个块被命名为app。我做错了什么?

1 个答案:

答案 0 :(得分:17)

好的,4天后我找到了解决方案。我需要将chunkFilename行添加到我的webpack配置中:

File 'install-everything' does not exist.
Must remake target 'install-everything'.

然后它有效。我在webpack github page

中找到了它