19

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

我的 react-loadable 使用代码是

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

我添加了注释来告诉 webpack 3 我希望这个块被命名为 app. 我做错了什么吗?

4

1 回答 1

24

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

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

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


编辑:

替换的附加信息可以在 webpack 文档中找到output.chunkFilenameoutput.filename

于 2017-10-09T11:31:13.097 回答