将webpack块命名为react-loadable

Question

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

我的反应可加载代码是

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

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

Answer 1

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

output: {
  path: path.join(__dirname, './../public'),
  filename: 'bundle.js',
  publicPath: '/',
  chunkFilename: '[name].[chunkhash].js'
},

然后它工作.我在webpack github页面中找到了它