【问题标题】:Angular 2 with Webpack and Visual Studio 2015带有 Webpack 和 Visual Studio 2015 的 Angular 2
【发布时间】:2016-10-26 20:16:56
【问题描述】:

我有一个使用 webpack 的 Angular 2 解决方案,我可以通过 npm install 和 npm start 启动并运行它。我想将我一直在开发的代码移动到我正在使用的 .Net 4.5.2 解决方案中。我环顾四周,还没有看到适用于 .Net 4.5.2 项目风格的解决方案。由于 webpack 将所有内容捆绑到一个分发类型的文件夹中,一个不在项目中的文件夹,我如何指向应用程序的启动页面?

【问题讨论】:

标签: angular visual-studio-2015 webpack


【解决方案1】:

试试这个指南

http://offering.solutions/blog/articles/2016/08/27/how-to-set-up-angular-2-and-webpack-in-visual-studio-with-asp-net-core/

我用它在 VS 2015 中使用 webpack 设置 angular2。到目前为止,如果我在部署到 IIS 时运行 webpack 编译/转译的代码,它就可以工作。但我仍然需要弄清楚使用 IIS Express 运行应用程序时遇到的 javascript 错误。

【讨论】:

    【解决方案2】:

    您是否尝试将 NG2 与 MVC 一起使用?还是您的前端应用程序完全是静态的(仅 html/js)?如果完全是静态的,我遇到了类似的问题,必须尝试几种不同的方法才能使其工作。这取决于您是否需要使用 IISEXPRESS,或者您是否可以在 VS 之外运行,例如通过 Node.js。

    如果你想要 IISEXPRESS,那么我建议你关注这篇文章并设置一个 OWIN 层来提供静态文件。这基本上模仿了 .NET Core 的工作方式。

    Using a wwwroot folder (ASP.NET 5 style) in ASP.NET 4.5 project

    我最初是沿着这条路走的,但最终因为我无法让 IIS 接受更改而转过身来。就像当你保存一个文件时,webpack 会重新构建,但 IIS 并不总是会选择它。我不知道,我做的时候是片状的。

    所以我对 Leo 发布的链接采取了类似的方法。我使用了 webpack-dev-server 并在 VS 项目属性中,将 Web 设置为外部,这样 IISEXPRESS 就不会运行。那条路线对我们来说效果更好。

    【讨论】:

      猜你喜欢
      • 2017-07-03
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 2016-02-05
      • 2016-06-17
      • 1970-01-01
      • 2017-06-14
      相关资源
      最近更新 更多