webpack-dev-server обслуживает несколько страниц html с историейApiFallback

Question

У меня есть проект с угловым 2 и webpack, и я хотел бы иметь два приложения в этом одном проекте.

Проблема заключается в том, что я не могу понять, как сопоставить различные URL-адреса для разных точек входа (HTML-страница) с помощью «historyApiFallback».

Структура проекта, как показано ниже:

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 установлен так, что я могу иметь «/ герой/1 ","/hero-list "или"/abc/def/ghi "указывают на index.html.

Что я должен делать, чтобы все начиналось с «/ admin», например: «/ admin/edit-hero/1» указывает на admin.html, и каждый другой url переходит к index.html ??

Answer 1

Вы можете передать параметры historyApiFallback вместо булевых.

Нечто подобное могло бы помочь:

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

по умолчанию все равно будет перенаправлять на index.html.

Посмотрите на библиотеку connect-history-api-fallback, что webpack-dev-server опирается на свою историю реализации ApiFallback.