複数の角度2のモジュールがあるウェブパック

Question

ASP.NET Coreサイトが2ページあり、ページのルーティングはMVCで行われ、Angular 2ではありません。それらのページにはそれぞれ独自のAngular 2 "app"があります。 webpackでこれを動作させるのに苦労しています。

両方のコンポーネントを1つのモジュールにブートストラップすると、The selector "xxx" did not match any elementsエラーが発生します。しかし、webpack.config.jsに複数のentryを作成しようとすると、他のモジュールを見つけることができないため、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" 
},