webpack с несколькими угловыми 2 модулями

Question

У меня есть сайт ASP.NET Core с 2 страницами, страница маршрутизации выполняется через MVC, а не Angular 2. Каждая из этих страниц имеет свое собственное приложение «Angular 2». У меня очень тяжелое время, пытаясь заставить это работать с webpack.

Если я загружаю оба компонента в один модуль, тогда получаю ошибку The selector "xxx" did not match any elements. Однако, если я попытаюсь создать несколько entry s в webpack.config.js, то polyfills выйдет из-за того, что он не может найти другой модуль.

Как я могу заставить это работать? Единственный вариант, доступный мне здесь, - это заставить использовать маршрутизатор Angular 2 и создать SPA?

Вот соответствующая часть моей webpack.config.js:

entry: { 
    "polyfills": "./App/polyfills.ts", 
    "vendor": "./App/vendor.ts", 
    "firstapp": "./App/bootfirst.ts", 
    "secondapp": "./App/bootsecond.ts" 
}, 
resolve: { 
    extensions: ['', '.ts', '.js', '.json', '.css', '.scss', '.html'] 
}, 
output: { 
    path: process.cwd() + "/wwwroot", 
    publicPath: "/js/", 
    filename: "js/[name].js" 
}, 

Answer 1

К сожалению, я должен был использовать это злодеяние, чтобы продолжать идти. Пожалуйста, помогите мне найти правильное решение.

entry: { 
    "polyfills": "./App/polyfills.ts", 
    "vendor": "./App/vendor.ts", 
    "app": "./App/bootfirst.ts" 
    //"app": "./App/bootsecond.ts" 
}, 
resolve: { 
    extensions: ['', '.ts', '.js', '.json', '.css', '.scss', '.html'] 
}, 
output: { 
    path: process.cwd() + "/wwwroot", 
    publicPath: "/js/", 
    filename: "js/[name].first.js" 
    //filename: "js/[name].second.js" 
},