SSRで要求されたルートのダブルスクリプトタグ

Question

webpackを使用してSSRリポジトリ（libのようなinferno-react）をバンドルしました。それには2つのルートファイルがあります.1つはサーバー用、もう1つはクライアント用ですが、まったく同じですが、クライアント側ではrequire.ensureを使ってチャンクが起こっています。ルートの 一つは、次のようになります。

<Route path="/home" getComponent={(props, cb) => {  
    require.ensure([], require => cb(null, 
    require('../views/containers/Home').default), 'home'); 
}}/> 

意味、ブラウザがブラウザにダウンロードされ.htmlとbundle.jsを解析され、WebPACKの意志そしてその後、HTMLとにルートのコンポーネントの.jsスクリプトタグをチャンク挿入がダウンロードされます。しかし、そのルートの.jsは、bundle.jsがダウンロードされた後にのみダウンロードされるため、少し遅くなります。だから、webpack-manifest-pluginの助けを借りて、要求されたチャンクルートをサーバーから手動で追加します。しかし、今は、要求されたルートごとに、そのチャンクされたコンポーネントのファイル.htmlにダブルスクリプトタグがあります。 1つは手動でサーバーに追加したため、もう1つはrequire.ensureを使用してwebpackでチャンクを作成したためです。

問題はありませんが、2つのスクリプトタグが正常に機能します。 ：/

私はそれを避ける方法がありますか、それ以外の方法はクライアント側でチャンクを維持しながらそれを処理することができます。

Answer 1

チャンクを非同期にロードしたくない場合は、require.ensureをドロップし、コードがメインバンドルに含まれるようにrequireを単に使用します。メインバンドルのインクルード以外のスクリプトタグは必要ありません。

それ以外の場合は、異なるページのコードを区切るためにチャンクを作成する場合は、自動生成されたチャンクの代わりに2番目のエントリポイントを使用します。