web-dev-qa-db-ja.com

反応ロード可能なWebpackチャンクに名前を付ける

コード分​​割を有効にするために、プロジェクトにreact-loadableライブラリを正常に追加しました。唯一の問題は、webpackによって生成されたチャンクに名前が付けられておらず、整数名が付けられていることです。

反応ロード可能な使用のための私のコードは

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

このチャンクをappという名前にしたいことをwebpack 3に伝えるコメントを追加しました。私は何か間違ったことをした？

reactjswebpackdynamic-importreact-loadable
16
Khriz

わかりました、4日後に私は解決策を見つけました。私は私のwebpack設定にchunkFilename行を追加する必要がありました：

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

その後、動作します。 webpack github page で見つけました

19
Khriz