webpack-dev-server historyApiFallbackを使用した複数のhtmlページを提供

Question

私は2番とwebpackのプロジェクトビルドを持っています。この1つのプロジェクトには2つのアプリケーションがあります。

問題は、別のエントリポイント（HTMLページ）に異なるURLを「historyApiFallback」でマップする方法を見つけることができないことです。

プロジェクトの構造は以下の通りです：バンドルした後

front/ 
--app.component.ts 
--main.ts 
--index.html 
admin/ 
--app.component.ts 
--main.ts 
--index.html 

出力結果は次のようになります。

は一つだけのアプリとhistoryApiFallbackと

/dist 
--index.html 
--admin.html 
--index.app.js 
--admin.app.js 

がtrueに設定され、私は「/英雄を持つことができます/ 1 "、"/hero-list "または"/abc/def/ghi "はindex.htmlを指します。

"/ admin/edit/hero/1"はadmin.htmlを指し、その他のすべてのURLはindex.htmlに移動します。

Answer 1

ブール値の代わりにhistoryApiFallbackにオプションを渡すことができます。このような

何かが助けることができる：

historyApiFallback: { 
    rewrites: [ 
     { from: /^\/admin\/.*$/, to: 'admin.html'} 
    ] 
} 

デフォルトはまだindex.htmlにリダイレクトされます。

webpack-dev-serverは、そのhistoryApiFallbackの実装に依存しているconnect-history-api-fallbackライブラリを見てください。