angular - 具有多个 Angular 2 模块的 webpack

Question

我有一个包含 2 个页面的 ASP.NET Core 站点，页面路由是通过 MVC 而不是 Angular 2 完成的。这些页面中的每一个都有自己的 Angular 2“应用程序”。我真的很难尝试让它与 webpack 一起工作。

如果我将两个组件引导到一个模块中，那么我会得到一个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"
},