的WebPack-DEV-服務器爲多個HTML頁面historyApiFallback

Question

我有一個項目，建立與角2的WebPack，我想在這一個單一項目兩個應用程序。

問題是我不能以「historyApiFallback」弄清楚如何映射到不同的URL不同的入口點（HTML頁）。

這個項目的結構如下：

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

捆綁後的輸出結果是這樣的：

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

只有一個應用程序，並historyApiFallback設置爲true，我可以有「/英雄/ 1「，」/ hero-list「或」/ abc/def/ghi「指向index.html。

我應該怎麼做，所以我可以擁有一切與「/ admin」的如開頭：「/管理/編輯英雄/ 1」點admin.html，和所有其他網址進入的index.html？

Answer 1

您可以將選項傳遞給historyApiFallback而不是布爾值。

像這樣的東西可以幫助：

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

默認仍將重定向到index.html。

看看connect-history-api-fallback庫，那webpack-dev-server依靠它的historyApiFallback實現。