反応ロード可能な名前webpackのチャンク

Question

私は、コード分割を有効にするために反応ロード可能なライブラリを正常に追加しました。私が見つけた唯一の問題は、webpackによって生成されたチャンクは名前が付けられておらず、 。反応-ロード可能な使用のための

私のコードは、私はWebPACKの私は、このチャンクがアプリの名前にしたい3を伝えるためにコメントを追加しました

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

です。私は何か間違ったことをした？

Answer 1

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

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

それが動作します。私はそれを見つけたwebpack github page